donghua-li的博客

border-style定义元素的四个边框样式，可选值：none : 默认值。无边框 hidden : 隐藏边框 dotted :点线边框 dashed : 虚线边框 solid :实线边框 double : 双线边框。两条单线与其间隔的和等于 border-width 值 groove : 3D凹槽 ，效果取决于 border-color 的值 ridge :

CSS指层叠样式表为什么用CSS？？HTML描述了要呈现的内容，而css则定义了这些内容的呈现形式，比如字体，颜色等。使用css能够将页面内容呈现形式有效分类，有利于分工合作，也有利于快速更换不同的呈现形式。使用样式表可以有三种方式：（1）内联样式内部将样式定义在style属性中，只有对当前标签有效，内容和表现形式高度耦合弊端：维护困难，不利于分工合作。只能应用

使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮助。这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局，从而学习其如何计算？又是如何使用

background-color:redp{       background-color:red       font-size:13px}2.1字体相关属性font-family:字体名称font-size:字体大小font-style:字形(斜体等)font-variant：字形变化(如大写)font-weight:字体粗细 这些可以简写，书写

盒子模型margin：外边距margin-top、margin-right、margin-bottom、margin-left（上、右、下、左）使用方式（1）margin：30px；表示上下左右边距都为30px；（2）margin-left：30px；单独设置上下左右外边距；（3）margin： 10px 20px 30px 40px；分别设置上右下左四个边距分别为10

一、不起眼的字母’x’首先，我们这里的字母'x'就是26个英文字母a,b,c,...中的x.由于自身形态的一些特殊性，因此，这个小小的不起眼的字母担当大任，在CSS世界中扮演了一个重要的角色。有人可能的第一反应是：“我知道，可以模拟关闭按钮的那个叉叉效果！”这位同学思维很活跃，但是呢，本文所要介绍的字母'x'和CSS的关系不是奇巧淫技，而是正统的术语上的紧密联系。

在前端经常会遇到类似的效果。 比如图中的“风花雪月与古镇火山-.....”后面“....”就是一段文字显示不下的时候默认隐藏然后用…来代替。  只需要给元素加上以下3个css属性就可以实现了。 overflow: hidden;//多余的隐藏 text-overflow:ellipsis;//多出来的用省略号代替 whi