理解CSS(一) | 青训营笔记

100 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的最后一天,回顾总结CSS学习

一.什么是CSS

CSS全称Cascading Style Sheets,即层叠样式表,主要用于静态装饰网页,还可以配合各种脚步语言动态地对网页各元素进行格式化,CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

37e9fd2003ba34cfb93989b30b66a82.jpg

二.CSS作用

用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。

三.CSS规则

其由两个主要的部分构成:选择器以及一条或多条声明,选择器用于指定CSS样式的HTML标签,花括号是设置的具体样式,其属性和属性值以“键值对”的形式出现。

四.选择器使用

选择器一般有俩种用法,分别是基础选择器(标签选择器、类选择器、id选择器、通配符选择器)和符合选择器(组合选择、后代选择器、子选择器、并集选择器、伪类选择器),具体用法已总结如下图:

选择器.png

五.CSS字体

规定了相关文字的类型、粗细、样式以及其复合使用方法,具体如图:

字体.png

六.CSS文本

用于规定文本的颜色、对齐方式、缩进、行间距等,具体用法如下:

文本.png

具体样式使用要跟据实际需求选择,同种效果可通过多种方式实现,使用中尤其需要注意选择器的使用,以免出现对不上号的情况。