<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
id选择器:
语法;
HTML:通过定义id属性
<div id="box1">333</div>
css:以#进行标识
#id名称{
样式说明
}
作用:选择所有带有指定id名称的元素
权重:100
注意:id选择器具有唯一性,一般用于页面中唯一的元素
比如头部,经常和javascript搭配使用
命名规范:①只能由字母,数字,下划线,$组成
②不能以数字开头
③见名知意,尽量去用英文
④多个单词组成时,用驼峰类名法(从第二个单词开始的首字母大写),中划线,下划线
总结:选择器的范围越精确,那么优先级越高,权重越大
-->
<!--
字体属性:
①font-family:
作用:设置文本的字体系列
取值:字体的名称,默认字体为微软雅黑
如果是多个字体,要用逗号隔开
如果浏览器不支持第一个字体,则会尝试下一个字体进行渲染(回退机制)
注意:如果字体名称里面包含空格,汉字,特殊符号 ,必须加引号
②字体大小font-size
取值:
长度值(px)默认是16px
百分比:相对于父元素计算
em相对单位:如果用于字号,那么相对于父元素进行计算
如果用于其他属性,相对于当前元素的属性进行计算
③字体样式font-style
取值:normal 正常显示,默认值
italic 斜体显示
④字体加粗font-weight
取值:normal 默认正常显示
bold 加粗
九级字重 100-900 有的字体不支持九级字重,默认值是400,700相当于bold
⑤行高line-height(文本之间的行间距)
测量:文字高+行间距
-->
<!--
文字的垂直居中line-height
单行文字的垂直居中,行高等于盒子的高度
取值:
px
number:数值与当前的字号相乘来设置行间距
简写
语法:字体风格 字体加粗 字号/行高 字体;
注意:只有当字号和字体都存在时简写才生效
-->
<!--
文本属性
①text-align 文本的水平对齐方式
取值:left 居左对齐,是默认值
right 居右对齐
center 居中对齐
justify 两端对齐
②text-decoration 设置文本装饰线
underline 下划线
line-through 中划线
overline 上划线
none 默认值,去掉文本装饰线
注意:其他属性子元素可以继承父元素,只有装饰线不可继承,因为有穿透性
③text-indent 设置文本的首行缩进
取值 :px em 百分比(相对于元素内容宽进行计算)
允许负值
④color 设置字体颜色
取值:颜色名称(英语单词)
16进制颜色值 语法:#颜色色值
rgb颜色表示方法 语法:rgb(r,g,b) 0-255之间
-->
<!--
margin 外边距
margin-top 上外边距
margin-bottom 下外边距
margin-left 左外边距
margin-right 右外边距
padding 内填充
-->
</body>
</html>