一、CSS 语法介绍
一.CSS介绍
- CSS全称为:Cascading Style Sheets,意为层叠样式表,与HTML相辅相成,实现网页的排版布局与样式美化
二.CSS使用方式
1.行内样式/内联样式
- 借助于style标签属性,为当前的元素添加样式声明,CSS样式声明由CSS属性和值组成:
style="属性:值;属性:值;"
- 语法:<标签名 style=“样式声明”>
- 常用CSS属性:
- 设置文本颜色 color:red;
- 设置背景颜色 background-color:green;
- 设置字体大小 font-size:32px;
2.内嵌样式
-
借助于style标签,在HTML文档中嵌入CSS样式代码,可以实现CSS样式与HTML标签之间的分离。同时需借助于CSS选择器到HTML 中匹配元素并应用样式
示例: <style> 选择器{ 属性:值; 属性:值; } </style>
-
选择器:通过标签名或者某些属性值到页面中选取相应的元素,为其应用样式
示例: <!--标签选择器:根据标签名匹配所有的该元素--> <style> p{ color:red; } </style>
3.外链样式表
-
创建外部样式表文件 后缀使用
.css
,在HTML文件中使用标签引入外部样式表 -
样式表文件中借助选择器匹配元素应用样式
<link rel="stylesheet" href="URL" type