黑马程序员技术交流社区

标题: CSS学习笔记 [打印本页]

作者: 你好，姚 时间: 2020-3-22 14:41
标题: CSS学习笔记

CSS组合选择符

1. 通配选择符：*

适配文档中的所有html对象；用于定义html文档中所有对象的基础样式（消除浏览器默认设置的基础样式）；根据就近原则，要放在css代码的首行；最常见的用法：*{margin:0;padding:0;} /*消除所有html标签默认存在的内外边距*/

2. 包含选择符：父级对象a 子级对象b

根据html对象的嵌套关系，指定某个父级元素的子级元素样式；选择符对象可以是多重包含，即一层层的包含下去，样式仅作用于最后的内部对象。元素对象之间用空格分隔。

如：div p { color : red ;} /*div对象中的所有p对象被指定了红色的样式*/

#box p a { color : blue ; } /*id为box的对象中的p对象中的a对象被指定蓝色样式*/

3. 群组选择符：对象a，对象b，对象c......

将同样的样式用于多个选择符对象，选择符对象之间用逗号隔开。这里的对象并不一定得是标签，可以是class，id等

4. 指定选择符：标签名.class类名

将class类选择符和标签选择符结合在一起使用。主要适用于在使用了某个class类的所有html对象中特别指定某一类标签。如：<h1>和某个<p>标签调用了important这个类，但是只想给调用了important的p对象添加样式时使用。

CSS属性和值

《CSS参考手册》，其中绿色的属性需要掌握。

常见的取值：

数值单位——px（像素）/em（倍数）/%（百分比）

方向——top（上）/right（右）/bottom（下）/left（左）/center（中间）

色彩——16进制代码（#RRGGBB或#RGB）/基本色彩单词（如红色：red）

引用路径——格式为：url（文件路径）

值的一些写法规则：

表示长宽高的数值必须带上单位

表示色彩的16进制代码前面必须有#号

如果一个属性有多个值，值与值之间用空格分隔

如果指定多个方向值，则按照上右下左（顺时针方向）的顺序依次排列

作者: 娟呀 时间: 2020-3-23 16:33
谁都不能阻止你成为优秀的人。

作者: 蓝天六必治 时间: 2020-3-23 16:46
现在多学一样本事，以后就能少说一句求人的话。

作者: 大雄的竹蜻蜓 时间: 2020-3-23 17:34
你和优秀的人差的不是智商，是努力。

作者: 雨下的芭蕉 时间: 2020-3-23 18:28
又没有尝试过你怎么就知道你做不到。

作者: 空白格。 时间: 2020-3-23 18:58
辜负了什么都不能辜负别人对你的期望。

作者: 你好，姚 时间: 2020-3-24 10:27
以后渴望去搬砖的你现在上课就好好睡觉养精蓄锐吧。

作者: 411894760 时间: 2020-3-24 10:43
好好学习是为了让自己和最爱的人过上最好的日子。

作者: 明星心丫 时间: 2020-3-24 11:10
因为不想吃苦，所以我要努力。

作者: 奔腾的小红马 时间: 2020-3-24 11:44
读书总比搬砖来的轻松。

作者: 25个蛋 时间: 2020-3-24 12:06
我不知道以后要干什么，但是我知道我要赚好多好多钱，去很多很多地方，买好多好多吃的，所以现在只有好好读书。

作者: 流浪的猫~ 时间: 2020-3-24 12:55
我想不出不努力的理由，实在承载了太多目光。

作者: 情非得已。 时间: 2020-3-24 13:12
再不努力的话看我笑话的人能排成两条街了。

作者: 抓住青春的尾巴 时间: 2020-3-24 13:28
失败不可怕，比失败可怕的是不去尝试。

作者: 简单77777 时间: 2020-3-24 14:08
你受的苦，吃的亏，担的责，扛的罪，忍的痛，到最后都会变成光，照亮你的路。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2