摘要
CSS又称HTML样式表,样式表定义如何显示 HTML 元素,就像 HTML 中的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观。通过使用 CSS 我们可以大大提升网页开发的工作效率!
基础知识
css规则
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。
具体的用法如下:
p {
color:red;
text-align:center;
}
css注释
CSS 注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。
CSS注释以 /* 开始, 以 */ 结束, 实例如下:
/*这是个注释*/
p {
text-align:center;
/*这是另一个注释*/
color:black;
font-family:arial;
}
如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。
id选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。
以下的样式规则应用于元素属性 id=“para1”:
#para1 {
text-align:center;
color:red;
}
class选择器
class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:
在以下的例子中,所有拥有 center 类的 HTML 元素均为居中。
.center {
text-align:center;
}
以图片居中为例:
总结
本篇文章已向你讲解了如何创建样式表来同时控制多重页面的样式和布局。在毕业设计的开发过程中CSS技术可以充分的得到应用,相信你也可以开发出炫酷的网页。
学完CSS技术,下一步应该学习 JavaScript 。