1css简介
css的主要作用就是美化网页,布局页面的。因为HTML只关注内容的语义,无法将网页变得美观,代码非常繁琐。
css是层叠样式表(Cascading Style Sheets)的简称。 css的最大价值:由HTML专注去做结构呈现,样式交给css,即结构(HTML)和样式(css)相分离。
2.css语法规范
css规则由两个主要的部分构成:选择器以及一条或多条声明。
选择器即给谁修改样式,声明是改什么样式。
<head>
<meta charset="utf-8" />
<title>体验css语法规范</title>
<style>
/* 选择器 {样式} */
/* 给谁该样式 {改什么样式} */
</style>
</head>
下面是完整的:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>体验css语法规范</title>
<style>
/* 选择器 {样式} */
/* 给谁该样式 {改什么样式} */
p {
color: red;
font-size: 12px;/*表示修改了文字大小为12像素*/
}
</style>
</head>
<body>
<p>小橙子</p>
</body>
</html>
一个属性一个值,比如一个color一个red对应,这叫做"键值对"。注意:属性和属性值之间用冒号分割,而且每一组键值对以分号";"结束,这是千万不能忘记的。