1、CSS(层叠样式表):用于布局与美化页面,允许网页设计者定义网页元素样式,包括了字体,颜色,背景,图片大小以及其他高级样式等等。
2、CSS不需要编译,直接由浏览器执行(属于浏览器解释型语言)。
3、CSS语法:样式规则由选择器和格式声明语句组成
4、选择器通常是你需要改变样式的HTML元素
5、格式声明语句放在 { } 内
6、每一条格式声明语句由 "属性名:属性值;" 组合
7、写法
<style type="text/css">
h1{
text-align:center;
}
</style>
或者
<h1 style="text-align:center;">hello world</h1>
再或者引入外部文件
<link rel=“stylesheet” type=“text/css” href=“./mystyle.css">
8、注释写法 /* css注释 */
9、HTML引入css的三种方法:行内样式(内联样式)、行外样式(内部样式)、外部样式;
10、CSS选择器:
标签选择器(元素选择器):该选择器使用元素标签,例如: h1{text-align:center;},p{text-align:center;}
类选择器(class属性值):该选择器使用class属性值,例如:<h1 calss="title" > hello world</h1> 则 .title {text-align:center;}
id选择器(id属性值):该选择器使用id属性值,例如:<h1 id="title">hello world </h1> 则 #title{text-align:center;}
通配符选择器:该选择器作用所有元素,例如 *{font-size:14px;color:#888}
组合选择器:
多元素选择器(多个元素使用同一样式,例如:p,h1,h2{text-align:center;});
后代元素选择器(匹配某个元素的下一级元素,匹配A元素下的B元素,真正作用样式的是B元素,例如 #title p{ font-size:14px},作用在p元素);
子元素选择器(匹配某个元素下的子元素,例如div>p{font-size:14px} ,样式作用在所有p元素)