1、<b>和<strong>:
<b>:目的是加粗,方式也是加粗;
<strong>:目的是强调,方式是加粗,显然方式可以有多种,比如斜体。
2、<i>和<em>:
<i>:目的是倾斜,方式也是倾斜;
<em>:目的是强调,方式是倾斜,显然方式可以有多种,比如加粗。
3、<strong>强调的程度比<em>深。
4、L(link)V(visited)H(hover)A(active):
4个伪类,未经定义,但作为类被使用(浏览器在后台会向这些类增加和删除元素);
按顺序,因为在同时激活的情况下,后出现的伪类样式会覆盖前面的伪类样式;
同时激活:
link在hover之前:鼠标悬停时,同时激活link、hover,如果link在hover之后,就会覆盖hover的样式,这样鼠标悬停时链接就没有发生变化;
visited在hover之前:...;
hover在active之前:鼠标点击时,同时激活link、hover、active...;
link与visited顺序无所谓:两者不会被同时触发。
a:link {color:black}设置无效?:
待访问的链接应当是当前浏览器未被访问过的,更准确地说,是浏览器的缓存中没有记录的。
5、CSS中的分隔符:
修饰待设置样式的元素的父元素,空号分隔,如div p {...};
同时为多个元素设置样式,逗号分隔,如h1,h2,h3 {...};
{}内部不同属性,分号分隔,如p {color:red; font-size:100%;};
{}内部设置同一属性,空格分隔,如div {border:1px solid red;};
{}内部同一属性有多种可相互替代的属性值,逗号分隔,如p {font-family:Georgia,serif;}。
6、font-size:16px?:
16px指的是什么?字体的对角线长度。
7、ul {list-style-type:square;} 与 ul li {list-style-type:square;} 效果相同,list-style-image同样。
8、list-style-image:url('/i/eg_arrow.gif');可以导入在线图片,
list-style-image:url('F:\webwork\eg_arrow.gif'); 无法导入本地图片?如何设置图片的属性?
9、list-style-position:inside:
inside:表示数字或者方格样式在li的里面,占用li的宽度的,而outside则是在li的外面,不占用li的宽度。
10、<li style="background-color:yellow">可以设置li的背景颜色,
u1.city3 li {background-color:yellow;}无法设置li的背景颜色?
11、list-style按顺序设置:
list-style-type:默认为disc,实心圆;
list-style-position:默认是outside;
list-style-image:默认是none。
12、list-style-type:decimal-leading-zero:
0开头的数字标记,如01、02、03...;
cjk-ideographic:中文大写数字。
13、table width 百分比:
table是块级元素;
width默认刚好包含文本;
width属性值可以是200px、50%、100%或120%,并且是整个单元格宽度参与比例计算,而非单元格中剩余部分;
td width不赞成使用。
14、table.table3 {width:100%;table-layout:fixed;}:
注意:table-layout要配合width使用?
15、padding:3px 7px 2px 7px;:
设置内边距,顺序是上右下左。
16、border:1px solid red:
对应顺序:border-width、border-style、border-color;
outline(元素外围线)类似:outline-width、outline-style、outline-color。
浙公网安备 33010602011771号