首页 > Web开发 > 详细

css入门知识点整理

时间:2018-06-18 17:38:26      阅读:185      评论:0      收藏:0      [点我收藏+]

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中的任何一个子串(用空格分隔/用-分割)。

就是这样~

css入门知识点整理

原文:https://www.cnblogs.com/MyNameIsPc/p/9195603.html

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