码迷,mamicode.com
首页 > Web开发 > 详细

css入门之css选择器

时间:2016-11-11 00:50:00      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:bsp   size   line   class选择器   doc   color   组合   back   round   

CSS选择器

css的选择器最常用的是class选择器,定义方式如下。

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css选择器</title>
    <style>
        .c1{
            height: 48px;
            width: auto;
            border: 1px solid red;
            font-size: 16px;
            text-align: center;
            line-height: 48px;
        }
    </style>
</head>
<body>
<div class="c1">样式测试</div>
</body>
</html>

在head标签内的style中定义好class选择器后,在body内的其他标签中引用,引用方式为class="选择器名"。 建议使用这个选择器。

 

其他的选择器

ID选择器

#i { }     #括号内定义样式,#i中的#号并不是注释,它代表的是ID选择器

<div id="i">样式测试</div>    #引用ID选择器中的样式

 

标签选择器

div {}     #你也可以把div换为其他的标签

此标签选择器默认所有的div标签都会引用

 

其余还有更不常用的层级选择器,组合选择器,属性选择器,想要了解的自行百度。

css入门之css选择器

标签:bsp   size   line   class选择器   doc   color   组合   back   round   

原文地址:http://www.cnblogs.com/kerwinC/p/6052682.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!