二章 CSS

1节
CSS介绍

CSS(Cascading Style Sheets) //cascade级联,串联
CSS由两个部分组成:选择器，以及一条或多条声明
selector{declaration1;declaration2;...}

h1{font-size:16px;color:red;}

一级标签

2节
CSS定义三种样式

1 内联式

一级标题

2 嵌入式 //一节中的样式
3 外联式
//新建一个css @charset "UTF-8"; h1{font-size:36px;color:pink;}
//指定关联文件的类型，指定关联文件与当前文件的关系，引用关联文件
//如果通过嵌入式和外部引入同时对一个 选择器进行了修饰，以最下面的一个样式为准 (最后执行的样式会覆盖前面的样式)
//外联式又有两种:
1
属于XHTML
当页面被加载时，link引入的会同时被加载
所有浏览器都支持
支持通过dom进行操作
2 @import url("*.css");
属于CSS特有的,必须嵌套到 中
会等到页面全部被加载后才会加载
是CSS2.1提出的，所以老的浏览器不支持,需要IE5以上才能识别
不支持通过dom进行操作

3节
CSS基本选择器

1 标签名选择器
h1{}
p{color:gray;}
2 ID选择器
#p1{}
#p2{color:yellow;}
3 Class选择器
.cp{color:pink;}
选择器的优先级：style属性>id选择器>class选择器>标签选择器

//火狐浏览器对id以数字开头的样式不支持,id不能重复,前端人员尽量不使用id

//class也不能以数字开头，允许重载相同的class

4节
CSS扩展选择器

1 派生选择器
ul a{} //父节点ul下的所有a
#wrapper a{}
2 子元素选择器
#wrapper > a{} //父节点下的直接子元素
3 属性选择器
input[type=text]{line-height:28px;} //属性为text的标签,有的浏览器不支持
4 组合选择器
h1,h2,h3{}
5 伪类选择器
...

CSS简介

CSS选择器

CSS概述

...
...

查看更多关于静态Web开发CSS_html/css_WEB-ITnose的详细内容...