CSS基础与进阶
1.什么是CSS?
CSS是层叠样式表,主要用于设置HTML文本内容(字体,大小,对齐方式等)、图片的外形(宽高,边框样式,边距等)以及版面布局等外观显示样式。
CSS版本:2.1~3.0
2.如何编写CSS样式?
2.1 缺省样式:浏览器样式,所有标签都有默认样式。
2.2 行内样式:<h1 style=" color:red; "> style属性中可以设置多种样式,样式间用分号隔开。
2.3 内嵌样式:在<head>标签中加上style标签,将type属性值设置为text/css(默认值就是text/css,因此可缺省),在style标签中写css样式。
格式: <style type="text/css">
p {
color:red;
}
</style>
2.4 外联css样式:在头文件中链接css文件:
<link href="css文件地址" rel="stylesheet">
2.5 导入样式:在style标签中嵌套:
<style type="text/css">
@import url(css文件地址);
</style>
@import 必须写在其他样式前,将某一个css文件导入到当前位置。
3. 优先级
样式优先级:行内式>内嵌式>导入式 (相同权值)
就近原则:离被设置元素越近,优先级别越高。