• 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 简写方式 第一个边框粗细 第二个边框样式 第三个边框颜色

  • 相关阅读:
    泰国行记三:PP岛三天的休闲时光
    泰国行记二:普吉印象
    177. Nth Highest Salary
    176. Second Highest Salary
    175. Combine Two Tables
    Regular Expression Matching
    斐波那契数列
    用两个栈实现队列
    二叉树的下一个节点
    重建二叉树
  • 原文地址:https://www.cnblogs.com/bujianchenxi/p/5860969.html
Copyright © 2020-2023  润新知