第三周学习周记
前言
在第二周进一步了解了HTML后,有了一定的HTML基础,接下来将进一步学习CSS。
一、CSS简介
CSS指的是层叠样式表(Cascading Style Sheets),是用来显示HTML等文件样式的计算机语言,而样式通常存储在样式表中,把样式添加到HTML4.0中,是为了解决内容与表现分离的问题。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
二、CSS语法
1. CSS实例
CSS由两个主要的部分构成:选择器,以及一条或多条声明。
h1
{
color:red;
font-size:12px;
}
在上面的实例中:
h1为选择器;
color和font-size为属性;
red和12px为其属性对应的值。
2. CSS注释
注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。
/*这是个注释*/
p
{
text-align:center;
/*这是另一个注释*/
color:black;
font-family:arial;
}
三、CSS中Id和Class选择器
如果要在HTML元素中设置CSS样式,则需要在HTML元素中设置"id"和"class"选择器。
1. Id选择器
id选择器可以为标有特定id的HTML元素指定特定的样式,HTML元素以id属性来设置id选择器,CSS中id选择器以"#"来定义。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>学习</title>
<style>
#para1
{