CSS DIV技巧有哪些

本篇内容主要讲解“CSS DIV技巧有哪些”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“CSS DIV技巧有哪些”吧!

　　CSS首先需要了解块级元素（blockelement）。每个块级元素都默认占用一行，在同一行只能添加一个块元素（float除外）。块级元素一般可以嵌套块级元素或者行内元素，如使用CSSDIV布局。

　　CSSDIV技巧有什么

　　当我们写字体样式的时候，我们也许会这样子写

　　font-size:1em;

　　line-height:1.5em;

　　font-weight:bold;

　　font-style:italic;

　　font-variant:small-caps;

　　font-family:verdana,serif

　　其实，这样写是完全多余的，我可以只用font来写就OK了。

　　比如：

　　font:1em/1.5embolditalicsmall-capsverdana,serif

　　把几个class属性写在一起。-TOP

　　通常情况写，属性里面的class只有一个值，但这并不是意外着你只能给它

　　赋一个class名，我们可以赋2个以上。比如

　　<pclass="textside">...</p>

　　不过，需要注意的是，class里面是用空格把他们分开来的，而不是“，”，这点需要注意一下。这样运用了，那么text和side的class就会运用到p元素中。

　　CSSDIV技巧怎么样

　　CSS的border的默认值-TOP

　　border也就是边框的值，我在做项目开发的时候，很习惯的做法是：

　　border:1pxsolidred;

　　第一个指的是框的大小，第二个是指样式，第三个是指颜色。不过，这里3个并非都是必须要的，必须要用的是border的样式。其余2个有默认值。

　　比如，你这样写：

　　border:solid

　　如果你这样写了，那么默认值第一个大小的默认值是：medium(相对于3px或4px左右)以及颜色指的是文本里面的颜色。

　　!important在IE中会被忽视-TOP

　　因为浏览器之间的不兼容性，我们在写css的时候，为了保证网站能在各个

　　浏览器之间保持兼容性，所以我们需要使用!important这个属性。

　　如果你在css使用了这个，那么它的优先级会比和它同名属性的优先级高。

　　这个是给除了给IE以外的浏览器用的。

　　比如

　　margin-top:3.5em!important;margin-top:2em

　　上面指的是，除IE之外的浏览器是3.5em，而IE是2em。这个很有用。

到此，相信大家对“CSS DIV技巧有哪些”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！