Day4

CSS背景属性

• 背景颜色：background-color
  (半透明色 : rgba(123,234,122,0.5)) 0-是完全透明，1是完全不透明

• 背景图片：background-image:url( ) // 可以实现多张背景图片。先列出的图片在最上面

• 背景位置：background-position:

• 背景大小：background-size:cover/contain

• 背景重复：background-repeat: no-repeat/repeat-x/repeat-y/repeat

• 背景附加：background-attachment: fixed/scroll/local scroll/fixed/local值的区别
  

• 渐变背景：gradient数据类型有关

CSS边框属性

• border-color
• border-style
• border-width
• border-top/right/bottom/right
• border-radius:可以使用两个长度或百分比作为值，第一个值定义水平半径，第二个值定义垂直半径。在很多情况下，您将只传递一个值，这两个值都将使用。
  无边框：border-style:none;

CSS列表属性

• <ul>、<ol>默认有margin,padding,可改变行高等
• list-style-type: 符号样式类型
• list-style-position:项目符号位置inside/outside(默认)
• list-style-image:使用自定义的项目符号图片。（这个属性在控制项目符号的位置，大小等方面是有限的。）
• list-style:type image position;
• 管理列表计数:
  • <ol start=“4”>—从1以外的数字开始计数
  • reversed:列表倒计数
  • value 属性允许设置列表项指定数值

  <ol>
    <li value="2">Toast pitta, leave to cool, then slice down the edge.</li>
    <li value="4">Fry the halloumi in a shallow, non-stick pan, until browned on both sides.</li>
    <li value="6">Wash and chop the salad.</li>
    <li value="8">Fill pitta with salad, humous, and fried halloumi.</li>
  </ol>
  

  CSS链接属性

  • 链接状态
    • :link (默认)没有访问过
    • :visited 已被访问过，存在与浏览器的历史记录中
    • :force 一个链接当它被选中的时候 (比如通过键盘的Tab 移动到这个链接的时候，或者使用编程的方法来选中这个链接 HTMLElement.focus())
    • :hover 当用户的鼠标光标刚好停留在这个链接
    • :active 一个链接当它被激活的时候 (比如被点击的时候)
  • 设置顺序 LoVe Fears HAte.
  • 默认设置（下划线、link（蓝色）、visited(紫色）、hover（光标））
  • 下划线一般选择border-bottom而不是text-decoration

  选择器

  • 元素选择器
  • 类选择器:： .*** { }
  • ID选择器： #*** { }
  • 属性选择器 h2[ ***] { }
  • 派生选择器: 通过依据元素在其位置的上下文关系来定义样式
    • 后代选择器： div.h1 { }
    • 子元素选择器 ：div>h1 与后代选择器相比，子元素选择器（Child selectors）只能选择作为某元素子元素的元素。
    • 相邻兄弟选择器： h1 + p { } 相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。
  • 伪类选择器
    – 伪类:first-child/:last-child/:only-child/:hover/:focus/:checked…
    – 伪元素：::first-line/:after

  层叠

  -Stylesheets cascade（样式表层叠） — 简单的说，css规则的顺序很重要；当应用两条同级别的规则到一个元素的时候，写在后面的就是实际使用的规则。

  优先级

  !important> style属性> Id选择器> 类、属性选择器、伪类> 元素、伪元素

  继承

  继承：字体、字号