Css #id1{Color:biue; Font-style:bold; Font-size:50px; }
#idspan{ Color:red;
Font-style:italic; }
1.父子选择器可以为多级
2.父子选择器有严格的层级关系
3.父子选择器不局限于什么类型的选择器
案例:
#id span span .s1 #id span Div .s1 #id span
14.一个元素可以同时用id选择器和class选择器
Html
使用多个选择器 使用一个选择器 Css .s1{
Color:blue;
Font-weight:bold; } #id1{ Color:red;
Font-style:italic; }
15.一个元素最多有一个id选择器,但可以有多个类选择器;当多个类选择器之间发生冲突时,以css文件中最后修改的属性为准。 Html
一个class 多个class Css .s1{
Color:red
Font-style:italic; } .s2{ Font-weight:bold;
}
16.我们可以把多个css文件中相同的部分提取出来,可以减少代码的冗余度。 Css .ad_1{
height:180px; } .ad_2{ height:260px;
} .ad_1,.ad_2{ Background-color: #9933CC Width:100px; margin:5px 0 0 6px
}
17.行内元素:…… 块元素
…
…
行内元素只占据其所需的宽度,不占一整行; 块内元素不管其内容多少,都占据一整行。
有一些元素对行内元素不生效,比如:margin,left,right,width,height等,建议尽可能的使用块元素进行定位。(与浏览器的版本和类别有关)
18.行内元素和块元素之间的相互转换 .s1{
Display:block 表示使用块元素显示 } .s2{
Display:inline; 表示使用行内元素使用}
19. @inport url(‘某个被引入的css文件’)
20.标准流和非标准流
流:html在网页中的显示顺序
标准流:在html中,写在前面的元素先显示,写在后面的元素后显示。
非标准流:在html文件中,当某个元素脱离了标准流,那么它就处于非标准流。
21.盒子模型
Margin :外边距 border :边框 padding :内边距 content:内容
22.一般编码时优先使用class选择器;而id选择器则一般用于最后或某种特殊情况或要求下。
23.utf-8引入css
… (注意:保存文件的编码也应该是utf-8)
24.背景图片有时比图片显示节省带宽(repeat重复)
25.关键词注释:
Auto:居中Solid:实线