<!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>
110
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
