css:层叠样式表
所有标签都有默认样式,受浏览器影响。
css的三种编写方式:1.内联(行间)样式,直接在标签内设置style。例如:<div style="color:red;"></div>;2.内嵌(嵌入、内部)样式,在head标签中添加style标签。例如:<head><style>div{color:red;}<style></head>;3.外部(外联)样式:在head中通过link标签引入。例如:<link rel="stylesheet" href="a.css"/>
css简单属性:width宽度 height高度 color文字颜色 background-color背景色 font-size文字大小
css注释格式:/*注释内容*/
css简单选择器: 1.标签选择器 例如 p {} div {} ; 2. id选择器 例如 #id名{} id选择器的优先级非常高,每个id都是唯一的; 3. 类选择器 例如 .class名{} 一个标签可以包含多个类选择器 ,在class标签中用空格隔开,建议在是实际运用中多用class少用id; 4. 通配符选择器 例如 *{} 表示当前页面中的所有标签 。通配符的穿透力很强,优先级高于继承的样式,会覆盖继承的样式,一般用的很少。
css复合选择器:1,标签指定式选择器:有两个选择器构成,第一个为标签选择器第二个为类选择器或者ID选择器,两个选择器之间不能有空格, 如div#div1 {color:red;} ; 2,后代选择器:后代选择器用来选择元素和元素组的后代,其写法就是把外层标记写在前面,内层标记写在后面,中间用空格分开。当标记发生嵌套时,内层标记就成了外层标记的后代。例如:ul li {}; 3,并集选择器:是各个选择器通过逗号连接而成的,任何形式的选择器都可以作为并集选择器的一部分。例如:div,#div1,.class{};4,子元素选择器:子代选择器是让css选择器只能选择而儿子辈的元素,用>大于号表示 例如:h1 > div 只能选到儿子辈的div。
网友评论