ajax学习（2）（CSS基础）

来源：互联网发布：市委宣传部网络舆情编辑：程序博客网时间：2024/05/16 09:51

CSS是层叠样式表的缩写。
基本语法：
CSS的定义由选择符（selector），属性（properties）和属性的取值（value）3部份构成。
selector {property：value}即（选择符{属性：值}）
选择符：
(1)类选择符
p.right{text-align:left} p.center{text-aligh:center}
然后用在不同的段落里，只要在HTML标记里加入定义的class参数
<p class="left">这个段落向左对齐</p>
<p class="center">这个段落居中排列的</p>

.center{text-aligh:center}
上述省略Html表决名的类可以被应用到任何元素上。如：
<h1 class="left">这个段落向左对齐</h1>
<p class="center">这个段落居中排列的</p>
(2)组选择符
h1,h2,h3,h4,h5,h6{
color:red;
font-family:sans-serif
}
在例子中，标题元素h1,h2,h3,h4,h5和h6的文字都是红色，字体都是sans-serif
(3)ID选择符
在HTML页面中ID参数指定单一元素，ID选择符用来对这个单一元素定义单独的样式。ID选择符的应用和类选择符，只要把CLASS换成ID即可。如：
<p id="intro">这个段落居中排列的</p>
#info{
color:red;
font-family:sans-serif
}

样式表的引入：
(1)链入外部样式表
<head>
<link rel=''stylesheet" type="text/css" href="mystyle.css">
</head>
(2)内部样式表
<head>
……
<style type="text/css">
hr{color:sienna}
</style>
……
</head>
(3)导入外部样式表
<head>
<style type="text/css">

</style>
</head>