CSS(Cascading Style Sheets) 负责网页的外观显示,通过为html标签设置style
实现样式的显示。
介绍
实现方式:
- 内联样式,html 标签加
style
属性 - 绑定样式
- 页面内定义:html head
<style type="text/css">class1{attr1: value1}</style>
- 外部引入:html head link 标签引入
.css
文件
选择器:
- 标签选择器,html tag
- ID 选择器,
#id
- class 选择器,
.class
- 复合选择器,
div.class
等 - 子孙选择器,
selector1 selector2
- 子选择器,
selector1>selector2
- 属性选择器,
[] [key=value] [key!=value] [key~=value]
优先级:
- 内敛 > 页面内 > css 文件
- 选择器越具体优先级越高
!important
边框类型
border:
- none 定义无边框。
- hidden 与 “none” 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。
- dotted 定义点状边框。在大多数浏览器中呈现为实线。
- dashed 定义虚线。在大多数浏览器中呈现为实线。
- solid 定义实线。
- double 定义双线。双线的宽度等于 border-width 的值。
- groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
- ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
- inset 定义 3D inset 边框。其效果取决于 border-color 的值。
- outset 定义 3D outset 边框。其效果取决于 border-color 的值。
- inherit 规定应该从父元素继承边框样式
动画
开源