举例说明CSS的语法构成?
展开全部
您好,CSS 语法由三部分构成:选择器、属性和值。下面分别举例说明。
一、首先基本选择器分为三种:
1、标签名选择器,如:p{},即直接使用HTML标签作为选择器。
2、类选择器,如:.polaris{}。 //最常用的选择器
3、ID选择器,如:#polaris{}。
二、在选择器内可定义属性和值,如:
1、标签选择器
<html>
<head>
<styletype="text/css">
p{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pid="p1">我现在表现的是标签选择器</p>
<pid="p2">我也用的是标签选择器</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>
2、id选择器
<html>
<head>
<styletype="text/css">
#yy{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pid="yy">我现在表现的是id选择器</p>
<pid="p">我没有被id选择器修饰</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>
3、类选择器
<html>
<head>
<styletype="text/css">
.yy{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pclass="yy">我现在表现的是类选择器</p>
<pclass="yy">我没有被类选择器修饰</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>
以上是应用实例,希望我的回答对您有所帮助!
一、首先基本选择器分为三种:
1、标签名选择器,如:p{},即直接使用HTML标签作为选择器。
2、类选择器,如:.polaris{}。 //最常用的选择器
3、ID选择器,如:#polaris{}。
二、在选择器内可定义属性和值,如:
1、标签选择器
<html>
<head>
<styletype="text/css">
p{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pid="p1">我现在表现的是标签选择器</p>
<pid="p2">我也用的是标签选择器</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>
2、id选择器
<html>
<head>
<styletype="text/css">
#yy{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pid="yy">我现在表现的是id选择器</p>
<pid="p">我没有被id选择器修饰</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>
3、类选择器
<html>
<head>
<styletype="text/css">
.yy{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pclass="yy">我现在表现的是类选择器</p>
<pclass="yy">我没有被类选择器修饰</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>
以上是应用实例,希望我的回答对您有所帮助!
参考资料: http://baike.baidu.com/view/3487971.htm
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
li{list-style:none}
div#test{vertical-align:text-top}
div#test{vertical-align:text-top}
追问
举例说明这样既可以了吗?
追答
恩恩 再加上一句代码吧 详细点的
body{ margin:0px; padding:0px}
li{list-style:none}
div#test{vertical-align:text-top}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
给你回复
追问
??
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询