标签:速度 规则 基于 共享 层次选择器 div head 建议 属性选择器
css的优势:
内容与表现分离
网页的表现统一,容易修改
丰富的样式,使得页面布局更加灵活
减少网页的代码量,增加网页的浏览速度,节省网络带宽
运用独立于页面的CSS,有利于网页被搜索引擎收录
css语法规则:使用<style>标签引入css样式
<style type="text/css"> h1{ font-size: 12px; color: yellow; } </style> CSS的最后一条声明后的“;”可写可不写,但是,基于W3C标准规范考虑,建议最后一条声明的结束“;” 都要写上
Html中引用css样式:
行内样式
<!--行内样式 使用style属性引入css样式--> <h1 style="color: red;">style属性的应用</h1> <p style="font-size: 14px; color: yellow;">直接在HTML标签中设置的样式</p>
内部样式
<!--内部样式表 css代码写在<head>的<stvle>标签中--> <style> h1{color:red);} </style> 优点方便在同页面中修改样式 缺点不利于在多页面间共享复用代码及维护,对内容与样式的分离也不够彻底
外部样式
3种样式的优先级:
行内样式>内部样式表>外部样式表,就近原则
css选择器:
基本选择器:标签选择器,类选择器,ID选择器
高级选择器:层次选择器,结构伪类选择器,属性选择器。。。
标签:速度 规则 基于 共享 层次选择器 div head 建议 属性选择器
原文地址:https://www.cnblogs.com/zl225/p/13197444.html