📒博客首页：何与非的博客
🎉欢迎关注🔎点赞👍收藏⭐️留言📝
❤️ 期待一起交流！
🙏作者水平很有限，如果发现错误，求告知，多谢！
🌺有问题可私信交流！！！

🐶基础选择器

基础选择器	作用	特点	使用情况	用法
标签选择器	可以选出所有相同的标签，比如p	不能差异化选择	较多	p { color: red; }
类选择器	可以选出1个或者多个标签	可以根据需求选择	非常多	.nav { color: red; }
id选择器	一次只能选择1个标签	ID属性只能在每个HTML文档中出现一次	一般和js搭配	#nav { color: red; }
通配符选择器	选择所有的标签	选择的太多，有部分不需要	特殊情况使用	* { color: red; }

🐱字体属性

属性	表示	注意点
font-size	字号	我们通常用的单位是px像素，一定要跟上单位
font-family	字体	实际工作中按照团队约定来写字体
font-weight	字体粗细	记住加粗是700或者bold，不加粗是normal或者400，记住数字不要跟单位
font-style	字体样式	记住倾斜是italic，不倾斜是normal
font	字体连写	1.字体连写是有顺序的，不能随意换位置；2.其中字号和字体必须同时出现

🐭文本属性

属性	表示	注意点
color	文本颜色	通常用十六进制比如 #FFFFFF
text-align	文本对齐	可以设定文字水平的对齐方式
text-indent	文本缩进	通常用于段落首行缩进2个字的距离 text-indent: 2em;
text-decoration	文本修饰	添加下划线 underline，取消下划线 none
line-height	行高	控制行与行之间的距离

🐹引入方式

样式表	优点	缺点	使用情况	控制范围
行内样式表	书写方便，权重高	结构样式混写	较少	控制一个标签
内部样式表	部分结构和样式相分离	没有彻底分离	较多	控制一个页面
外部样式表	完全实现结构和样式相分离	需要引入	最多	控制多个页面