9.9 样式表
分类
内联 写在标签里面
Style=“样式”
控制精确,代码重用性差
器
内嵌 嵌在页面的head里面(/*样式*/注释语法)
<style type=""></style>
控制没有内联的精确,代码重用性好
外部 单独的样式文件
引入:右键-CSS样式表-附加样式表
引入:<link href="text.css" rel="stylesheet" type="text.">
控制没有内联的精确,代码重用性最好
选择器 用来选取元素的
标签选择器 根据标签名选择元素
Class选择器 .(点)
根据class名来筛选元素
Id选择 #(井号)
根据#来找到唯一元素
复合选择器
逗号并列 div,span
空格后代 #list li
.筛选 div.s
样式 大小 width 宽度
height高度
背景 background-color背景色
background-image背景图
background-repeat背景图的平铺方式
background-position背景图的位置
backgroune-attachment背景图是否滚动
background-size背景图片的大小 (例:200px 200px)
字体 font-family字体样式
font-size字体大小
font-style italic倾斜
font-weight 字体粗细 bold加粗
text-decoration下划线 underline下划线;overline上划线;line-through删除线;none去下划线
color 字体颜色
对齐方式 text-align水平对齐方式
vertical-align垂直对齐方式
line-height行高
text-indent 缩进 单位像素
边界边框 margin外边距 上右下左
padding内边距 上右下左 如果加了内边距,该元素会相应的变大
border 1px solid #60F 简写方式 第一个边框粗细 第二个边框样式 第三个边框颜色