ajax学习（2）（CSS基础）

最新推荐文章于 2021-08-06 13:26:53 发布

chaow

最新推荐文章于 2021-08-06 13:26:53 发布

阅读量293

点赞数

文章标签： css ajax class stylesheet properties html

本文链接：https://blog.csdn.net/chaow/article/details/2216608

版权

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>

chaow

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax学习（2）（CSS基础）

CSS是层叠样式表的缩写。基本语法：CSS的定义由选择符（selector），属性（properties）和属性的取值（value）3部份构成。selector {property：value}即（选择符{属性：值}）选择符：(1)类选择符 p.right{text-align:left} p.center{text-aligh:center}然后用在不同的段落里，只要在HTML标记里加入定义的c
复制链接

扫一扫