css不继承⽗类样式_css知识点
CSS只层叠样式表
CSS内部样式（使⽤<style></style>标签在⽂档<head></head>⾥⾯定义内部样式表）：
CSS样式是表现，改变⽹页的呈现效果。CSS内部样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/*CSS样式填充*/
</style>
</head>
<body>
</body>
CSS外部样式（外部样式⽤link调⽤）：
</html>CSS外部样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
css 属性选择器</body>
</html>
*（链接样式的名称）{
效果代码
}
CSS样式表有两个主要部分构成：要添加样式的盒⼦名或者标签名，以及要添加的样式。
盒⼦名或者标签名{
属性：值；
CSS表⽰颜⾊的⽅式：
}CSS表⽰颜⾊的⽅式：
1. ⽤颜⾊名表⽰
2. ⽤⼗六进制颜⾊值表⽰
3. ⽤RGB函数表⽰
4. ⽤HSL函数表⽰（Hue,Saturation,Lightness，⾊调、饱和度、亮度）
5. ⽤RGBA函数表⽰（A表⽰的是改颜⾊的透明度，取值范围是0~1，0代表完全透明）
6. ⽤HSLA函数表⽰
内联样式表（内联>内部>外部）：<p ></p>
层叠优先级：
权值不同时，浏览器是根据权值来判断使⽤哪种CSS样式的，哪种样式权值⾼就使⽤哪种样式层叠优先级：
内联样式>内部样式表ID派⽣选择器>内部样式表ID选择器>内部样式表类派⽣选择器>内部样式表类选择器>内部样式表>外部样式表ID派⽣选择器>外部样式表ID选择器>外部样式表类派⽣选择器>外部样式表类选择器>外部样式表>浏览器缺省
如果同⼀个元素在没有其他样式的作⽤影响下，其Class定义了多个并以空格分开，其优先级顺序为：⼀个元素同时应⽤多个Class，后定
CSS选择器：
义的优先（即近者优先），加上!important者最优先CSS选择器：
Class类选择器可以重复利⽤（选择Class命名的元素以.开头 .first{color:#00f;}）
ID选择器唯⼀（选择ID命名的元素以#开头#p1{color:#0f0;}）
标签选择器：页⾯中所有的标签都是⼀个选择器p{color:red;}
组选择器：
选择多个元素，以逗号隔开 #main,.first,span,a,h1{color:red;}
包含选择器：
选择某元素的后代元素，也称后代选择器，⽗类与⼦类间以空格隔开
p span{color:red;}
属性选择器：
选择包含某⼀属性的元素
a[title]{color:red;} 选择包含title的a标签
a[title][href]{color:red;} 选择包含title和href的a标签
<a>伪类选择器
a:link {color:#FF0000;}（未访问的链接，只⽤于a标签）
a:visited {color:#00FF00;}（已访问的链接，只⽤于a标签）
a:hover {color:#FF00FF;}（ ⿏标移动到链接上，可和其他标签结合⼀起⽤）a:active {color:#0000FF;}（选定的链接）
输⼊伪类选择器（针对表单）
input:focus{color:red;}（ 键盘输⼊焦点 ）
其他伪类选择器
p:first-child{color:red;} （第⼀个p）
:before （在元素之前添加内容）
:after （在元素之后添加内容）
css⽂字⽂本属性：
font-style:normal/ italic （设置⽂本为斜体）
font-weight:normal(100-500)/ bold(600-900) （设置⽂本为粗体）
font-family: “⽂本字体1”,”⽂本字体2”; （⽂本类型）
text-align:left/center/right （⽂本⽔平对齐⽅式）
vertical-align:top/middle/bottom（垂直对齐⽅式）
line-height：数字px;（设置⽂本在⼀⾏内的⾼度）
color：（定义⽂本颜⾊）
letter—spacing：（定义字符间隔）设置⽂本简写⽅式：
text-decoration ⽂本修饰
none：没有修饰
underline：添加下划线
overline：添加上划线
line-through：添加删除线
text-indent ⾸⾏缩进⽂本⼤⼩写：
text-transform:
uppercase 单词都⼤写
lowercase 单字都⼩写
单位 描述
capitalize 每个单词⾸字母⼤写 单位 描述
1. % 百分⽐
2. in 英⼨
3. cm 厘⽶
4. mm 毫⽶
5. em 1em=当前的字体尺⼨，2em=当前字体尺⼨的两倍（在CSS中，em可以⾃动适应⽤户所使⽤的字体）
6. ex ⼀个ex是⼀个字体的x-height（x-height通常是字体尺⼨的⼀半）
7. pt 1pt=1/72英⼨（是⼀个标准的长度单位）
8. pc 1pc=12点（12点活字）
9. px 像素

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。