CSS
1.概念:
在页面中负责页面效果渲染(样式设计)
css层叠样式表
形如:
选择器{
属性:属性值;
属性:属性值;
}
css3:最新版本
语法:
(1.给谁做样式
2.做什么样式
3.具体的样式值)
选择器{
属性:属性值;
属性:属性值;
}
设置文字颜色 color:颜色;
设置文字大小 front-size:20px;
(px:像素)
2.css的三种引入方式
1.内联式
<元素 style=“属性=属性值;属性=属性值;”>内容</元素>
2.内部式
<head>
<style>
选择器{
属性:属性值;
属性:属性值;
}
</style>
</head>
3.外链式
1.新建一个.CSS为后缀的CSS文件。
2.在对应的html页面head 标签里面,写一个lilnk标签,然后写对应的css文件路径
<head>
..之前基本结构的代码
<link rel="stylesheet" href="css文件路径">
</head>
3.在css文件里面写css代码!
推荐使用方式3!!!
3.选择器:
是一种匹配模式,主要用于匹配想要做样式的元素。
1.基础选择器
1.选中所有的元素 --通配符/通用选择器
*{ }
2.选中所有指定的标签 --标签选择器
标签名{ }
3.选中所有有指定类名的元素 --类选择器
.类名{ }
<p class='这里填的就是元素的类名'></p>
4.选中有指定id名的元素 --id选择器
#id名{ }
<p id="id名" ></p>
类名是可以重复的,id名必须唯一!
id的优先级大于类!
5.选中e和f --组合选择器/并列选择器/分组选择器
e,f{ }
2.层级选择器
1.选中e的后代f
e f{ }
4.优先级:
当样式冲突的时候,比较选择器的权重之和,和越大越优先。和一致,后者覆盖前者。
!important 行内样式【内联式】 id class 标签 *
无穷 1000 100 10 1 0
属性:属性值 !important;