css基础选择器:
- 标签选择器
- 类选择器
- id选择器
- 通配符选择器
标签选择器
作用:可以选出所有相同的标签
特点:不能差异化选择
用法:
p{
colo:red;
}
类选择器
作用:可以根据需求选择
特点:可以出现1个或者多个标签
用法:
.nav{
colo:red;
}
id选择器
作用:一次只能选择一个标签
特点:id属性只能在每个html文档中出现一次(一般和js搭配使用)
用法:
#nav{
colo:red;
}
通配符选择器
作用:选择所有的标签
特点:选择的太多,有部分不需要
用法:
*{
nav:red;
}
css字体属性
font-family :字体系列
font-size:字体大小(单位px)
font-weight:字体粗细(加粗是:700或者bold ,不加粗是:normal或者400)
font-style:字体斜体(斜体是italic,不倾斜是normal)
line-heigut:行高
font:字体连写
复合属性
语法
body{
font: style weight size family
}
使用font属性时,必须按照上面的语法格式顺序写,不能更改顺序,各属性间用空格隔开
不需要的可以省略,但必须保留font-size和font-family,否则不起作用
文本属性
1,color(文本颜色)
表示方式
预定义颜色值:列如:red,green,blue
十六进制:#FF0000,#FF6600
RGB代码:rgb(255,0,0)或者rgb(100%,0%,0%)
2,text-align(文本对齐)
left:左对齐
right:右对齐
centrr:居中对齐
3,text-decoration(文本修饰)
none:默认,没有装饰线
underline:下划线
overline:上划线
line-through:删除线
4,text-indent(文本缩进)
单位:em
em是一个相对单位(当前元素一个字的大小)
5,line-height(文本行高)
控制 行与行之间的距离
css引入方式
行内样式表(行内式)
标签头添加style属性<div style="color: red;">阿伟</div>
- 内部样式表(嵌入式)
是写到html页面内部,是将所有的css代码抽取出来,单独放到一个style标签中 - 外部样式表(链接式)
—— 评论区 ——