首页 > Web开发 > 详细

css学习笔记

时间:2019-07-31 19:45:53      阅读:78      评论:0      收藏:0      [点我收藏+]

css:
  1.概念:

    层叠样式表,主要用于修饰网页,使网页更加美观

  2.用法:

    应用于标签中 <div style:></div> 内联式

    应用于HTML head标签中  内部式

    写于外部文件,通过link连接,外部式

  3.语法:

    选择器{

        样式名:样式值;

        样式名:样式值 

        }

  4.选择器:

    1.核心选择器

      标签选择器 div {}

      类名选择器 .class{}

      id选择器 #id{}

      组合选择器div#id{}

      逗号选择器 .class,div,#id{}

    2.层次选择器

      子元素 div>ul>li{}

      后代 .nav li (注意是下一代中的li){}

      下一个兄弟  .nav>ul>li+*{}

      之后所有兄弟 .nav>ul>li~*

    3.属性选择器

      input[type=text] 选择属性是type类型,同时是单行文本框

      input[type^=t]  选择以t开头的属性

      input[type$=t] 选择以t结尾的属性

      input[type*=t] 选择含有t的属性

    4.伪类选择器

      :link  a标签还未被访问

      :hover  光标悬浮在元素上

      :action  a标签被点击但未被放开

      :visited  a标签被访问过

      :first-child  第一个子元素

      :last-child  最后一个子元素

      :nth-child(v)  v可以是数字、公式、关键字

      :first-of-type  不同类型中,一个类型中的第一个
              :last-of-type  不同类型中,一个类型中的第一个
              :nth-of-type

    5.伪元素选择器

      ::after

      ::before

        

 

css学习笔记

原文:https://www.cnblogs.com/ys199610/p/11278598.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!