关于CSS的学习
CSS又叫层叠样式表。
一、引入方式
1、内部样式表
放在<head>里。
<head>
<style>
<!--写一些css样式-->
</style>
</head>
2、行内样式表
写在<body>里的每个标签里。
<body>
<div style="">
</div>
</body>
3、外部样式表
建立.css文件,在head中引入,加入下面一行代码。
<link rel="stylesheet" href="路径">
二、选择器
选择器的作用是选择标签，设置样式。分为基础选择器和复合选择器。
基础选择器：由单个选择器组成。
1、标签选择器
又叫元素选择器。把某一标签全部选出。
2、类选择器
形式为 .类名,body里加class属性。可以用多次。
3、id选择器
只能用一次。
4、通配符选择器
在这里插入图片描述
三、字体样式----fonts
1、font-family
定义文本的字体系列。
2、font-weight
有normal（400px），bold（700px），bolder（特粗体），lighter（细体），number（数字不加单位）。
3、font-size
数字+px，更改字体大小。
4、font-style
文本样式，italic为斜体，normal为正常。
复合属性为：font-style font-weight font-size/line-height font-family,顺序不能改变。
四、文本样式
1、文本颜色–color
有十六进制，rgb，或预定义三种。
2、对齐文本–text-align
居中：center
左/右对齐：left/right
3、装饰文本–text-decoration
underline下划线
none无
4、文本缩进–text-indent
数字+px或2em（两个文字大小）
5、行间距–line-height控制行与行间距
五、元素显示模式
1、块元素
如h1~h6，p，div，ul,ol,li等标签。
特点：
- 自己占一行；
- 高，宽，内外边距可控；
- 宽度默认为容器(父级)的100%
- 其间可放行内或块元素。
文字类标签元素内不可使用块级标签，如p,h1~h6等标签。
2、行内元素
a,strong,b,em,i,del,s,ins,u,span等。
特点：
- 一行可放多个；
- 设置宽高无效果；
- 默认宽度为本身长度；
- 其中只放文本或其它行内元素。
3、行内块元素
img,input,td等。
特点：
- 一行可多个；
- 本身宽带为内容宽度；
- 高，内外边距可控。
4、转换
- 转换为块元素：
display:block - 转换为行内元素：
display:inline; - 转换为行内块：
display:inline-block;
六、权重
七、三大特性
1、层叠性
作用：选择器相同时解决样式冲突。
原则：1、就近原则；
2、样式不冲突不层叠。
2、继承性
继承text,font,line,color属性。
行高继承：父亲行高*自身倍数。
继承的权重为0，无论父权重多少，子权重为0。
但a,h2标签要单独改变属性样式。
3、优先级
选择性不同，执行优先级。根据权重决定。
以上是本次学习主要内容，其实还有很多，没有写上来，但都有做好笔记，时间有限，写的不多。
1060
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
