zoukankan      html  css  js  c++  java
  • css初步小结

    css语法结构

    h1{background:#000}

     ↑           ↑               ↑

    选择符    属性           值

    如何引入CSS

     1.行内引用:<h1 style="color:#fff">xxxxxx xxxxx</h1>

     2.内部引用:<style type="text/css">h1{background:#000}</style>

     3.外部引用:<link type="text/css" rel="stylesheet" href="url(路径)">

    引用的优先级是 就近原则 

    CSS代码注释

    /* xxxxx */

    选择符类型

    1.通配符(所以的元素都适用):*{padding:0;marght:0}

    2.元素符:h1{xxxx:xxxx} 或 p{xxxx:xxx}

    3.群组符:h1,p{xxxx:xxx}或a,div{xxxxxz:xxxxx}

    4.关系符:有以下4种关系

     1.包含  例如:p a{xxx:xxx},div h1 #id{xxxx:xxx}

     2.子  (相比于包含 子只会作用于下一级)例如:div>a{xxxx:xxxx} p>#id{xxxxx:xxx}

     3.相邻(位于后面的一个元素能起效果)  例如:p+h1{xxxxx:xxx},a+h1{xxxxxx:xxx}

     4.同辈 (相比于相邻 后面所有的该元素都能起作用)h1~a{xxxxxx:xxxx} div~p{xxxxxxx:xxx}

    5.ID以及class 例如:#a{xxxxxxx:xxx} .b{xxxxx:xxx}

    6.伪类(元素处于某种状态时使用)例如:#c:hover(当鼠标在元素上悬停时){xxxx:xxxx} a:link(超链接未被访问时的样式){xx:xx}

     

  • 相关阅读:
    iOS开发——Xcode快捷键
    iOS开发——国际化支持Localizable.strings
    SQL 函数
    常用窗体表单布局
    Extjs grid combo
    怎么完全卸载sql2005?
    ExtJS文件上传
    ExtJS视频学习笔记
    ExtJS问题集——Menu的show()和showBy()函数是什么意思
    C# DataGridView操作
  • 原文地址:https://www.cnblogs.com/zhiwudenengliang/p/5750208.html
Copyright © 2011-2022 走看看