liu1992452008的博客http://write.blog.youkuaiyun.com/configu

Document p { width: 100px; height: 100px; background-color: orange; position: fixed; top: 100px; left: 100px;

***HTML文件 返回首页 | 联系我们 | 客户登录 化学试剂 标准品 大包装产品 试验仪器耗材 CAS号 ECN号 MDL号 分子式 英文名称 产品编号

p:nth-of-type(5) { visibility:hidden;} 隐藏，原来位置会被保留p:nth-of-type(6){ display:none;} 隐藏，原来位置不会被保留

***相应效果***相关图片***相关代码 Document .div1 { border: 20px solid black; padding: 60px; background: url(images/img2.jpg) no-repea

***相应效果***相关图片***相关代码 Document div { border: 15px solid transparent; width: 250px; padding: 10px 20px; margin: 20

1、E::first-letter文本的第一个字母或字（如中文、日文、韩文等） p {            width: 200px;            padding: 5px 10px;            border: 1px solid#ddd;            font: 14px/1.5simsun;        } p::firs

radial-gradient径向渐变指从一个中心点开始沿着四周产生渐变效果径向渐变由它的中心定义。为了创建一个径向渐变，你也必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时，你也可以指定渐变的中心、形状（原型或椭圆形）、大小。默认情况下，渐变的中心是 center（表示在中心点），渐变的形状是ellipse（表示椭圆形），渐变的大小是farthest-corner（表示

7：渐变(背景-属性)渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。1.1.1   线性渐变linear-gradient线性渐变指沿着某条直线朝一个方向产生渐变效果，如下图是从黄色渐变到绿色。1、必要的元素：a、方向b、起始色c、终止色 2、关于方向设置渐变方向，

1.1.1   边框阴影box-shadow与文字阴影类似，可分别设置盒子阴影偏移量、模糊度、颜色（可设透明度）。box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];如box-shadow: 5px 5px 5px #CCC1、水平偏移量 正值向右 负值向左；2、垂直偏移量 正值向下 负值向上；3、模糊度是不能

其中边框圆角、边框阴影属性，应用十分广泛，兼容性也相对较好，我们需要重点掌握。1.1.1   边框圆角border-radius圆角处理时，脑中要形成圆、圆心、横轴、纵轴的概念，正圆是椭圆的一种特殊情况。如下图为了方便表述，我们将四个角标记成1、2、3、4，如2代表右上角，CSS里提供了border-radius来设置这些角横纵轴半径值。支持简写模式，具体如下：1、bord

Font line-height  text-indent（首行缩进）  text-align：center  text-decoration text-indent：50px; 可以为负值。1：text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须

其特点是通过属性来选择元素，具体有以下5种形式：选择器示例含义E[attr] 存在attr属性即可E[attr=val] 属性值完全等于valE[attr*=val]

1.CSS3简介CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。文本，背景，动画，2d 3d转换伸缩布局，多列布局 在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS