css-study 1

2017/06/23

css基本内容

定义：层叠式样表（cascading style sheet）/说人话：HTML 是建筑物骨架，CSS是粉刷材料，把粗糙丑陋的网页装潢一通。
基础语法：
选择器{属性：属性值；}
选择器三种类型：1.id选择器 2.类选择器3.标签选择器
花括号{}内为一条声明，当然可以多条声明，比如：p{color：red；font-family：微软雅黑}~这条声明指代p标签的选中文字格式调整为微软雅黑红色。

注意点：
1.每条声明末尾需加上“；”
2.color的值可以输入：普通颜色单词“red”orRGB（真彩色）十六进制的颜色“#ff0000”
3.id属性值取名时，以英文字母开头，且值为唯一，区分大小写，不能纯数字
4.类class的值可以是多个，举例 class=“red big grey”
5.属性值为多个时，需要加上引号

/说人话，选择器意思是你想对那块标签内文字做效果，声明的意思就是对你已经选中的对应文字进行一些外形包装，比如染个色呀，加粗啊，调整文中居中啊等等。
复杂选择器
随着需求，出现了复杂选择器，不用怕，并不复杂~只不过运用了点初中数学知识。
复杂选择器，说人话就是对选择器进行花式组合。
1.交集选择器
两部分重合部分，以p#id值 或者p.class值形式出现
注意：只能两个选择器组成交集，并且需要标签选择在前
2.并集选择器
符合任何其中一个，以“，”隔开，可以 多个选择器组合。比如#red，.plus
3.派生选择器
以空格隔开，对块级元素内元素单独进行调整，比如p a{}，指对嵌套的内部a标签内容进行调整。

css构造文本

简单点说：有哪些花式可以对文本内容进行调整。
1）文本对齐
2）文本缩进
3）文本行高
4）文本下划线
5）字间隔
6）文字字体
7）文字风格
8）文字大小
9）文字颜色
10）文字加粗
11）后代继承