CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素,样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。
一、基本语法:
由选择器和一条或多条声明组成。
格式:
选择器{
属性1:属性值1;属性2:属性值2;……
}
- 选择器三种类型:标签名,类名,id名
标签名 :(直接写标签名)
p
{
color:red;
text-align:center;
}
类名:(.类名,需在标签内写属性class=“类名”)
.center {text-align:center;}
id名(#id名,需在标签内写属性id=“id名”)
#para1
{
text-align:center;
color:red;
}
- 声明
声明由属性:属性值构成;
html属性分为三种:功能属性、样式属性、定位属性
可以改变背景颜色、图片、文本的字体、颜色、字号等。需要时百度查询即可。
二、css三种形式
- 内嵌,写在标签内;
<p style="color:sienna;margin-left:20px">这是一个段落。</p>
-
内联,写在head标签的style标签里
-
外联,写在.css文件里,在head标签中使用link连接
new一个.css文件