网站建设
 
    收藏本站 
用户ID/邮箱: 密 码:
客户中心 Customer service 您目前的位置:首 页 > 客户中心 > DIV+CSS 



DIV+CSS,网站建设DIV+CSS:css常用属性初总结第一弹:id和class选择器

css常用属性初总结第一弹:id和class选择器

说到选择器大家都不陌生,估计用的最多的还是id选择器和类选择器,
至于其他的选择器,今天在这里我避而不谈。

类选择器:将html元素取一个响亮的名字,用class来标记,就可以使用类选择器了,
如<p class="p1">这是段落1</p>,这里我将p元素class设置
为"p1",然后再写css样式就可以直接使用了,

举个栗子:

<style type="text/css">
p.p1{color:red;}
</style>

</head>
<body>
<p class="p1">
This paragraph will also be center-aligned.
</p>
</body>
</html>

运行上一段代码,就将类名为p1的p元素的文字颜色设置为红色了,是不是很简单,
说明一下,非p元素的类名为p1时没有效果哦,要想所有
的class类名为p1的元素有效果,则需要把前面的结构元素名去掉。现在的项目
都是敏捷开发,所以用类名就得小心了,刚开始大家经常抱怨的
就是类名冲突,结果就是样式相互冲突了,所以我们项目上定下了约定,
以页面功能来命名类名,从而避免类名冲突。

另外要提一下的就是多类名:如上面的


<p class="p1 center">
This paragraph will also be center-aligned.
</p>


一个class值中是可以有一个此列表了,各个词之间用空格来分开。然后写样式就
一个个写就ok了,这里估计会有人会问:如果多个类之间有
相同的css样式会出现什么情况!这里就要阅读后面的有关css层叠的问题了!


上一条: 网站进入沙盒期的处理方法
下一条: css中的三种基本定位机制
相关文章
css常用属性总结之 id和class的区别,使用类还是ID?
关于左边固定,右边自适应布局的响应式布局写法
html实现 页面禁止右键 禁止复制 禁止图片拖动 禁止复制和剪切
推广经验分享
其它
网站建设资源
常见问题
网站知识
首页关于我们业务范围新闻资讯成功案例客服中心联系我们深圳网站建设网站优化付款帐户
COPYRIGHT(C) 2005-2019 亚网互联·中国 版权所有 ALL RIGHTS RESERVED (粤ICP备15005241号)
深圳网站建设公司地址:深圳市宝安区龙华民治大道东明大厦15楼 1529-1531 室   E-Mail:web@yanet.cn  
公司电话:0755-89812581(8线)  
深圳市亚网科技有限公司 深圳网站建设常年法律顾问:朱运德律师