zoukankan      html  css  js  c++  java
  • css入门知识点整理

    css入门知识点整理

    不要嘲笑我这个蒟蒻。。例子来源:w3school

    css其实就分为两个东西,一个是选择器,另外一个是声明。声明定义了某个对象的属性的值,这都是html的内容。重点要关注的是选择器。顾名思义,选择器就是用来“选择”HTML中的元素的。通过定义选择器可以选出HTML文档中的某些元素,然后把它们的样式变成声明中的。css的格式长这样:

    selector {declaration1; declaration2; ... declarationN }

    这里有一个最基本的css例子:

    h1 {color:red; font-size:14px;}

    意思就是说,把所有是h1的元素,颜色都变成红色,字体大小设置成14像素。

    选择器有很多用法:

    • 后代选择器 x y{ ... } 。它的作用是,只有在x元素中的y元素才会被选择。前面讲的相当于中x设成所有元素。

    • 子元素选择器 x>y{ ... }。它的作用和后代选择器差不多,但是只能选择下一层的后代。

    • 兄弟选择器 x+y{ ... }。它的作用是,只有和x是兄弟的元素y才会被选择。

      前三个选择器统称派生选择器。它们还能和后面的选择器组合起来。

    • id选择器 #idName{ ... }。它能选择所有id=idName的元素。注意,id不建议共用。

    • class选择器 .className{ ... }。它能选择所有class=className的元素。

    • title选择器 [title=X]{ ... }。它能选择所有title=X的元素。等号替换成~=/|=,意思是可以匹配X中的任何一个子串(用空格分隔/用-分割)。

    就是这样~

  • 相关阅读:
    2019年度SAP项目实践计划
    实现祖国统一其实并不难
    2018年终总结之摄影作品展
    2018年终总结之访问量较大的原创文章
    2018年终总结之AI领域开源框架汇总
    2018 AI产业界大盘点
    为什么我觉得Python烂的要死?
    SAP MM 根据采购订单反查采购申请?
    2018-8-10-win10-uwp-ApplicationView
    2018-8-10-WPF-播放-gif
  • 原文地址:https://www.cnblogs.com/MyNameIsPc/p/9195603.html
Copyright © 2011-2022 走看看