9.9 样式表

Posted 2020-08-08 不见晨曦的占星师

分类
 内联  写在标签里面
  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 简写方式 第一个边框粗细 第二个边框样式 第三个边框颜色