1、内部样式、外部样式、内联样式
A、内联方式：样式定义在单个的HTML元素中
<div style="width: 65px;height: 20px;border: 1px solid;">测试元素</div>
B、内部样式表：样式定义在HTML页的头元素中
样式表规则位于文档头中的<style>元素内：在文档的<head>元素内添加<style>元素
在<style>元素中添加样式规则
C、外联样式表：将样式定义在一个外部的CSS文件中（.css文件）；由HTML页面引用样式表文件
<link href="./***.css" rel="stylesheet" type="text/css">
2、CSS基础 7种 选择器
-
ID 选择器， 如 #id{}
-
类选择器， 如 .class{}
-
属性选择器， 如 a[href="segmentfault.com"]{}
-
伪类选择器， 如 :hover{}
-
伪元素选择器， 如 ::before{}
-
标签选择器， 如 span{}
-
通配选择器， 如 *{}
优先级关系：内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器
属性后插有 !important 的属性拥有最高优先级。（重要）
（个人学习用，如有错误或者侵权，私信改正）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
