CSS--学习笔记

初识CSS
1、了解什么是网页样式
2、掌握CSS的基本语法
3、熟练掌握CSS的基本属性
4、会使用DIV + CSS进行网页布局
5、熟练使用CSS来装饰页面

块元素和内联元素
块元素
独占一行
可以定义宽度和高度
常用块元素
div p ul li

  内联元素
    一行排列显示
    不能定义宽度和高度
    常用内联元素
       span a  label

和 标签可以相互转换（display） 规范角度而言，标签不内嵌

标签

和 标签 最大优点： 没有任何的默认样式渲染 最大区别：

标签是块元素， 标签是内联元素 作用：1、结构化HTML元素 2、DIV + CSS网页布局 3、提高网页加载速度 什么是CSS ？ CSS 的概念 Cascading Style Sheet 级联样式表 表现HTML或XHTML文件样式的计算机语言 包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定 CSS的作用： -能控制页面的样式和布局 -网页文件与样式文件相分离，提高开发效率 2.2CSS基本语法 选择器{ 声明1； 声明2； 声明n;

}
eg:
h1{
font-size:12px;
color:red;
}
经验：CSS的最后一条声明后的；可写可不写，建议都写上CSS多条声明可写在同一行，但开发时便于阅读建议分行写并缩进
基本选择器
标签选择器：
-HTML标签作为标签选择器的名称

p{
font-size:16px;
}

类选择器 <标签名 class=“类名”>标签内容</标签名> 可以给不同的标签相同的class
.class{
font-size:12px;
}

ID选择器 <标签名 ID=“id名称”>标签内容</标签名> 网页中标签的ID不能重复，唯一存在
#id{
font-size:16px;
}
复合选择器
并集选择器
p,#id,.class{
font-size:14px;
color:green;
}
经验：多个选择器之间可以是多个不同或相同类型；多个选择器之间必须用英文半角输入逗号","隔开
交集选择器（指定标签选择器）
h3.second{
font-size:14px;
color:green;
}

格式为：标签 + 类选择器 或者 标签 + ID选择器<