一、css层叠样式
css层叠样式常用的有三种:
1、内嵌式/行内样式
所谓内嵌式就是在代码中加入style(样式),或者说可以在定义了类的div中加入样式,这是有用的。内嵌式是行内样式,就是说可以在行内完成对标签的样式设置。代码与效果图如下图:
这是一整个html,<head></head>是HTML的头部,<body></body>标签对是HTML的身体,在身体里有一个<p></p>标签对,它是引用文字的一个标签,文字写在两个尖括号中间就可以在浏览器中显示出来,style是样式,color是对p标签里哪行字做的颜色处理,font-size是对哪行字的大小进行处理,30px是30个像素,px就是像素。
2、内联/内部式
内联式就是在head里写style,然后再在style里写定义了类(class)或ID的标签进行css美化或修饰。代码与效果图如下图:
3、外联式
外联式是另创建一个css为后缀的文档,在文档里写出对HTML的样式或者是说装饰HTML,外联的css要应用于HTML需得在HTML的head里用link或style或是其他标签引用,引用的同时要将css文件的文件名和地址填写完整否则可以就引不进来。代码与效果图如下图:
二、选择器
选择器的种类很多,比如标签选择器、类选择器、多名选择器、ID选择器、通配符选择器、复合选择器、后代选择器、子元素选择器、并集选择器等。一下简单介绍基本的选择器:
标签选择器:顾名思义在style样式中可以直接写上标签在后面在输入{ },在{ }中就可以对该标签进行装饰,所以选择器就是选中一类东西,对它们进行装饰或处理。
多名选择器:又顾名思义,就是一个标签,他可以有多个选择器在自身,每个选择器的作用不同但作用都可以给到该标签,有些时候可能因为优先级或其他问题有的选择器可能作用不出来或是被淘汰也是有的。
三、字体样式
font-family是字体样式可以选微软雅黑(Microsoft Yahei)或宋体,可以连续添加几个,会根据顺序读取,若当前浏览器没有安装该字体,会读取下一个font-size 字体大小,一般默认大小为16,font-weight 字体粗细 normal正常 bold粗 bolder特粗 lighter细体,100-900的粗细,数字不加单位,font-style normal italic 斜体。
background-color: black;或color: white;都可以是文本颜色,字体颜色可以是英文单词,是十六进制,如rab()
四、元素转换
display:block; 设置为块级元素
inline - 设置为行内元素
inline-block 设置为行内块元素
五、行间距
line-height
六、浮动的特点
1.脱离标准文档流,下面文档流的内容会顶上 占有它原本的位置
2.不会覆盖文字。会覆盖其他内容
3.一浮全浮