网页设计html+css基础知识汇总

html+css(回顾)

一、记他主要记7种html标记

1、字符标记，就是那种大于小于还有商业符号的标记，要用html里面的字符标记表示

2、格式标记

换行换段落--br/p/div

居中 center

水平线 hr

预格式 pre

有序 ol

列表的儿子 li

无序 ul

dl dt dd商业的列表

3、文本标记

hn-6种标题

font(size大小 color颜色 face字体)字体的格式

加粗 b/strong

倾斜 i/em/cite

下标 sub

上标 sup

smaller 小字体

larger 大字体

u 下划线

4.图像标记

 img src="图像的路径" width宽度 height高度 border 边框 alt加载不出来的显示内容 title放上去的显示内容

5超链接标记

a href(加路径) name(锚点)

6表格标记

 table(width height align border frame rules cellspacing cellpadding) caption(表格的标题/align) tr(bgcolor/width/height/align/valign行) th(表头) td(单元格)

7表单标记

form(action="提交给服务器"){

input各种文本域密码框(type=text/password/sumbit/reset/button/radio/checkbox)  name(提交给服务器时候的名字/默认get方式) value(当前的值) size(宽度)

textArea(rows-行 cols-列)

select(name){

option(value)--选择项

                    }

                          }

二、css记他主要记3种使用CSS的方法，3种CSS选择器，6种常用的CSS属性

3种使用方式---内链式---

      嵌入式---通常在head标签里面定义--

                                                       

                                                       

      引入式-比较常用的一种，可以另写一个html文档，然后引入

3种CSS选择器

    html选择器--

                           

                           

类选择器--在给body定义了一个类名(class)的基础上

  

                         

                         

id选择器--在给body定义了一个id(class)的基础上

  

                         

                         

三种选择器的优先级为:id>class>html

6种常用的CSS属性

1.颜色属性 color--#ff0000=#f00=rgb(255,0,0)=rgba(255,0,0,0)

2.字体属性 font-size(大小px)  font-family(字体) font-weight（加粗bold/bolder/lighter/normal） font-style

3.背景属性 background-color    background-image(url())   background-repeat(重复方式repeat/no-repeat/repeat-x)   background-position(上下左右)

4.文本属性 text-align(left/center/right)    line-height(%/px/inherit)    text-indent(%/px/inherit)   letter-spacing(px)  word-spacing(px) direction

5.列表属性 list-style-type(cirle/square/none)   list-style-image(url())  list-style-position(inside/outside)

6.边框属性 border-width(px)  border-style(solid/dashed/dotted/double) border-color()