CSS样式与标签的问题
2013-08-18
展开全部
标签就是html中的规定的一种固定写法 例如:<div></div><span></span><h5></h5>等等这种成对出现的标签...还有少量的这种
但标记标签。这些标签可以构成一个简单的没有任何样式的网页...当然很丑...这时候就需要我们的CSS(层叠样式表)登场了...首先你要学会怎样用CSS控制HTML中标签来达到我们想要的效果,那就需要从学习CSS的类型选择符开始:一、类型选择符
什么是类型选择符?指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型,div,p,span都是。如下:
body {}div {}p {}span {}
二、群组选择符
对于XHMTL对象,可以对一组同时进行了相同的样式指派。使用逗号对选择符进行了分隔,这样书写的优点在于同样的样式只需要书写一次即可,减少代码量,改善CSS代码结构。使用时应该注意"逗号"是在半角模式下,并非中文全角模式。如下:
h1,h2,h6,p,span{font-size:12px;color:#FF0000;font-family: arial;}
三、包含选择符对某对象中的子对象进行样式指点定,这样选择方式就发挥了作用。需要注意的是,仅对此对象的子对象标签有效,对于其它单独存在或位于此对象以外的子对象,不应用此样式设置。这样做的优点在于,帮我们避免过多的id、class设置,直接对所需的元素进行定义。如下:
h2 span{color:red;}如下:body h1 span strong{font-weight:bold;}
四、id选择符
根据DOM文档对象模型原理所出现的选择符,对于一个XHTML文件,其中的每一个标签都可以使用一个id=""的形式进行一个名称指派,但需要注意,在一个XHTML文件中id是具有唯一性而不可以重复的。在div css布局的网页中,可以针对不同的用途进行命名,如头部为header、底部为footer。XHTML如下:
<div id="content"></div>
CSS如下:
#content{font-size:14px;line-height:120%;}
五、class选择符
其实id是对于XHTML标签的扩展,而class是对SHTML多个标签的一种组合,class直译的意思是类或类别。对于XHTML标签使用class=""进行名称指派。与id不同,class可以重复使用,对于多个样式相同的元素,可以直接定义为一个class。使用class的优点已不言自明,它对CSS代码重用性有良好的体现,众多的标签均可以使用一个样式来定义而不需要每一个编写一个样式代码。XHTML如下:
<p class="he"></p><span class="he"></span><h5 class="he"></h5>
CSS如下:
.he{margin:10px;background-color:red;}
六、标签指定式的选择符
如果想同时使用id和class,也想同时使用标签选择符,可以使用如下的方式:
h1#content {}/*表示所有id为content的h1标签*/h1.p1 {}/*表示所有class为p1的h1标签*/
标签指定式选择符的精度介于标签选择符及id/class选择符之间,是常用的选择符之一。
七、组合选择符
对于上面的所有选择符而言,进行组合使用。如下:
h1 .p1 {}/*表示h1下的所有class为p1的标签*/#content h1 {}表示id为content的标签下的所有h1标签h1 .p1,#content h1 {}/*表示h1下的所有class为p1的标签以及id为content的标签下的所有h1标签*/h1#content h2{}/*id为content的h1标签下的h2标签*/
CSS选择符是非常自由与灵活的,可以根据页面的需要,使用各种选择符,尽量结构化与优化CSS文件.
希望对你的CSS学习能有所帮助
但标记标签。这些标签可以构成一个简单的没有任何样式的网页...当然很丑...这时候就需要我们的CSS(层叠样式表)登场了...首先你要学会怎样用CSS控制HTML中标签来达到我们想要的效果,那就需要从学习CSS的类型选择符开始:一、类型选择符
什么是类型选择符?指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型,div,p,span都是。如下:
body {}div {}p {}span {}
二、群组选择符
对于XHMTL对象,可以对一组同时进行了相同的样式指派。使用逗号对选择符进行了分隔,这样书写的优点在于同样的样式只需要书写一次即可,减少代码量,改善CSS代码结构。使用时应该注意"逗号"是在半角模式下,并非中文全角模式。如下:
h1,h2,h6,p,span{font-size:12px;color:#FF0000;font-family: arial;}
三、包含选择符对某对象中的子对象进行样式指点定,这样选择方式就发挥了作用。需要注意的是,仅对此对象的子对象标签有效,对于其它单独存在或位于此对象以外的子对象,不应用此样式设置。这样做的优点在于,帮我们避免过多的id、class设置,直接对所需的元素进行定义。如下:
h2 span{color:red;}如下:body h1 span strong{font-weight:bold;}
四、id选择符
根据DOM文档对象模型原理所出现的选择符,对于一个XHTML文件,其中的每一个标签都可以使用一个id=""的形式进行一个名称指派,但需要注意,在一个XHTML文件中id是具有唯一性而不可以重复的。在div css布局的网页中,可以针对不同的用途进行命名,如头部为header、底部为footer。XHTML如下:
<div id="content"></div>
CSS如下:
#content{font-size:14px;line-height:120%;}
五、class选择符
其实id是对于XHTML标签的扩展,而class是对SHTML多个标签的一种组合,class直译的意思是类或类别。对于XHTML标签使用class=""进行名称指派。与id不同,class可以重复使用,对于多个样式相同的元素,可以直接定义为一个class。使用class的优点已不言自明,它对CSS代码重用性有良好的体现,众多的标签均可以使用一个样式来定义而不需要每一个编写一个样式代码。XHTML如下:
<p class="he"></p><span class="he"></span><h5 class="he"></h5>
CSS如下:
.he{margin:10px;background-color:red;}
六、标签指定式的选择符
如果想同时使用id和class,也想同时使用标签选择符,可以使用如下的方式:
h1#content {}/*表示所有id为content的h1标签*/h1.p1 {}/*表示所有class为p1的h1标签*/
标签指定式选择符的精度介于标签选择符及id/class选择符之间,是常用的选择符之一。
七、组合选择符
对于上面的所有选择符而言,进行组合使用。如下:
h1 .p1 {}/*表示h1下的所有class为p1的标签*/#content h1 {}表示id为content的标签下的所有h1标签h1 .p1,#content h1 {}/*表示h1下的所有class为p1的标签以及id为content的标签下的所有h1标签*/h1#content h2{}/*id为content的h1标签下的h2标签*/
CSS选择符是非常自由与灵活的,可以根据页面的需要,使用各种选择符,尽量结构化与优化CSS文件.
希望对你的CSS学习能有所帮助
2013-08-18
展开全部
一般用id 或者 class来选择如<style>#id{...}.class{}</style>对应 <div id="id"></div>和<div class="class"></div>的样式名称自己选择
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-08-18
展开全部
选择标签其实主要是要有语义的,要根据你所设置的内容效果来选择相对应的标签,比如要设置段落就用<p></p>标签。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-08-18
展开全部
这个要详细了解在百度中键入 标签的概念让你清楚了解
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询