CSS基础

2017-07-14 本文已影响0人饥人谷_秦勤

CSS就是一种层叠样式表（Cascading Style Sheet）。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

<body>
<p style="font-size: 20px; font-family: '微软雅黑'; ">CSS的几种引入方式</p>
</body>

<style type="text/css">
div {font-size: 20px; font-family: '微软雅黑'; background-color: gray;width: 500px}
</style>

<link  rel="stylesheet" href="css/final.css" type="text/css">

浏览器有自己的默认样式

link和@impot区别
类别不同
link属于XHTML标签，而@import url("css文件")，完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。导入语句应写在样式表的开头，否则无法正确导入外部文件；
加载顺序的差别
link引用的CSS会同时被加载，@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时性能较差
兼容性的差别
@import是CSS2.1提出的所以老的浏览器不支持，只有在IE5以上的才能识别，link标签浏览器都支持
使用dom控制样式时的差别
当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

将本地图片发到饥人谷所用服务器上，在网页中进行引用，或者直接从别的网站复制图片地址，使用