1.css介绍!
css是层叠样式表,它是表现在html或xml中文件的计算机语言,使内容和表现分离开来,使其更具有页面控制和灵活性,css不仅可以装饰静态网页,还可以配合各种脚本使各元素格式化。
2.为什么把CSS的link标签放在head中?
是规范化的要求,放在head前可以使页面逐渐呈现出来,可以让用户有更好的体验,如果放在html结构下,可能会导致页面混乱。
!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/index.css"> </head>
3.CSS的引入方式有哪些?
- 1.行内式:直接用在标签上,但维护成本高。
2.内嵌式:页面较为清晰,但不能被别的页面使用。
3.外链式:CSS代码与HTML代码分离,便于代码重复使用。
4.导入式:可以在一个HTML文件中导入多个样式表。类似于外部链接式引用在html文件中head标签中加入。
行内:
<img wight="100px" height="50px">
内嵌:在head标签中加style样式
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>标准</title> <style> table { width: 300px; border: 1px #525252 solid; } th, td { border: 1px #525252 solid; text-align: center; } </style> </head>
外联:单独创建一个CSS文档,把style样式写在其中。
(切记要用link标签引入,将两个文件关联起来)
4.如何初始化CSS样式?为什么要初始化CSS样式?
* { margin: 0; padding: 0; }
浏览器的差异:因为不同的浏览器对标签的默认值是不同的,没有初始化会对页面造成差异。
提高代码质量:初始化css可以使我们节约代码,下载速度变快,在我们编辑网页时,方便简捷。
5.如何用rgba、十六进制表达白色、黑色、红色、绿色、蓝色?
//十六进制 黑色:rgba(0,0,0,1)#000000 白色:rgba(255,255,255,0)#FFFFFF 红色:rgba(255,0,0,1)#FF0000 绿色:rgba(0,255,0,1)#00FF00 蓝色:rgba(0,0,255,1)#0000FF
6.CSS的长度单位有哪些?
- px.像素,相对单位。
- em.会继承父级元素的字体大小,%相对于父元素的宽度。
- rem.相对单位,相对根元素。
- vw.将可视窗口的宽度分为100份。
- vew.是100份宽度中的一份。
- vh.将可视窗口的高度分为100份。
- veh.是100份高度中的一份。
以上就是css的一些基本内容,css中主要是来写样式的,将HTML代码与css代码分开来写,代码也可以重复使用!