码迷,mamicode.com
首页 > Web开发 > 详细

css入门知识点整理

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

标签:sch   href   字体大小   font   匹配   .com   red   school   ati   

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入门知识点整理

标签:sch   href   字体大小   font   匹配   .com   red   school   ati   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!