CSS定义
CSS语法
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。
selector {declaration1; declaration2; ... declarationN }
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值用冒号分开。
CSS格式
1.一般定义在头文件里面
2.需引入<style type="text/css"><style>
3 样式的定义必须在style标签内
<style type="text/css">
//在这里进行定义,例如:
body {background-color: yellow}
</style>
CSS常用属性
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#div1{
border: 1px solid red; //边框
width: 500px; //宽
height: 300px; //高
background: url(image/59.jpg); //背景
font-size: 60px; //字体大小
color: red; //颜色
font-family: 楷体; //字体类型
text-align: right; //文本居右
line-height: 300px; //行高
font-style:italic; //字体风格
font-weight: bold; //字体粗细
text-decoration: line-through; //下划线
}
</style>
</head>
<body>
<div id="div1">
文字信息
</div>
</body>
CSS样式分类
内联样式
<style>
...css代码...
</style>
外联样式
<link rel=”stylesheet” href=”XX.css” >
比如:
css文件为c1.css,其中代码为:
p{ color: red; font-size: 20px}
html文件为p1.html,其中关键代码为:
<link href=”c1.css” rel=”stylesheet”>
<p>这是一个段落文本</p>
<div>这是一个div文本</p>
行内样式
<某标签 style=”...css属性设置...” >。。。。</某标签>
选择器语法的符号含义:
各选择器的形式语法中的代号含义如下:
E: 代表“Element”,即元素;元素就是标签(tag)
S: 代表“Seletor”,即选择器;
attr: 代表“attribute”,即属性;
总结
CSS是对HTNML标签进行美化,使得网页更加具有观赏性,这就好比化妆一样,化妆之后更加好看。