![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3标签
文章平均质量分 60
致年
人生不过数载
展开
-
css3 box-sizing属性(规定尺寸)
css3 box-sizing(规定盒子尺寸)属性box-sizing属性有三个值:content-box(default),border-box,padding-box。content-box(default)这个是默认值,就只是分割内容区域,不包含border边框跟padding内边距。border-box--包括边框。padding-box--包括内边距。转载 2015-09-17 10:40:39 · 350 阅读 · 0 评论 -
列表布局 dl dt dd格式
是一组合标签,使用了dt dd最外层就必须使用dl包裹dl dt dd列表标签的语法列表标题列表内容列表内容语法解释:首先dt和dd是放在dl标签内,标签dt与dd处于dl下相同级。也就是dt不能放入dd内,dd不能放入dt内。在dl下,dt与dd处于同级标签,dd标签可以多个。dt跟dd必须放在dl里面。标题一内容一内容一转载 2015-11-25 13:48:46 · 1231 阅读 · 0 评论 -
css 背景属性background的使用方法
0转载 2015-11-25 13:44:38 · 1308 阅读 · 0 评论 -
a 标签属性在点击后出现一层阴影
今天遇到了这样一个问题在点击a标签的时候出现了一层阴影(蒙版)这种情况只有在苹果手机才有,在安卓手机表现良好,刚开始不知道是什么原因造成的,猜想的原因是苹果手机浏览器内核跟安卓手机内核不一样对每个属性的显示也不一样造成的!body{ -webkit-tap-highlight-color: rgba(0,0,0,0);}a{outline:none; -moz-原创 2015-11-02 23:43:01 · 5548 阅读 · 1 评论 -
:after伪元素标签写分割线
最近在写手机商城网站,用到了分割线,下面跟大家分享一下这种写法。第一种写法:html: 产品热卖 style:.hor{ width:100%; height:20px; background-color:#f2f2f2; text-a原创 2015-11-02 23:14:11 · 898 阅读 · 0 评论 -
border小于1像素
border边框小于1原创 2015-12-11 15:34:01 · 1106 阅读 · 0 评论 -
用:after伪元素标签写分割线
最近在手机商城和微信页面很多都用到了分割线,下面总结用到的分割线。第一种:效果:html: 产品热卖________________________________style: .hot{ width:100%; height:20px; background-co原创 2015-11-02 23:48:16 · 18184 阅读 · 1 评论 -
css background属性的使用方法
最近一直写图片的时候背景属性的很多都不熟悉,现在重新巩固知识点。css 背景属性background的使用方法背景色background-color:它的两个值: transparent(默认值,透明) color(指定的颜色,和文本颜色的设置方法相同).bj{background-color:#fff;或者b转载 2015-11-24 11:47:36 · 807 阅读 · 0 评论 -
css3 em单位的使用方法
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em转载 2015-11-24 10:47:32 · 1977 阅读 · 0 评论 -
解决Chrome、Safair、Webkit等内核浏览器默认文本域和文本
去除文本框默认边框:input:focus{outline:none;}去除文本域默认边框:textarea:focus{outline:none;}禁止文本域自由调整大小:方法一:textarea{width:500px;height:200px;max-width:500px;max-height:200px;}通过设置max-width和max-heigh转载 2015-11-24 12:31:23 · 584 阅读 · 0 评论 -
text-shadow,background-origin,background-size,background-clip
text-shadow可以用来设置文本的阴影效果。语法:text-shadow:x-offset y-offset blur color;X-offset:标示阴影的水平偏移距离,其值为正值时阴影想右偏移,反之像左偏移;Y-offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移;Blur:是指阴影的模糊程度,其值不能是负值,如果值越大,阴转载 2015-11-10 08:47:09 · 417 阅读 · 0 评论 -
text-overflow 与word-wrap
text-overflow用来设置是否使用一个省略标记(...)标示对象内文本的溢出。语法:但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下:text-overfl转载 2015-11-09 14:56:53 · 426 阅读 · 0 评论 -
css3 渐变色彩(Gradient)
渐变色彩线性渐变(linear)和径向渐变(radial)由于不同的渲染引引擎实现渐变的语法不同,这里我们只针对线性渐变的 W3C 标准语法来分析其用法,其余大家可以查阅相关资料。W3C 语法已经得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+等浏览器的支持。线性渐变:参数:第一个参数:指定渐变方向,可以用“角度”的关键词或转载 2015-11-09 14:38:12 · 401 阅读 · 0 评论 -
textarea自适应高度
div模拟textarea文本域及高度自适应css代码:.test_box{widht:400px;min-height:120px;max-height:300px;margin: 0 auto;padding:3px;outline:0;border:1px solid #a0b3d6;font-size:12px;word-wrap:bre转载 2015-10-08 22:23:10 · 327 阅读 · 0 评论 -
图片缩放效果
* { padding: 0; margin: 0; } .warp { border: 1px solid red; margin-top:100px; overflow: hidden; display: inline-block; height原创 2015-12-14 11:51:27 · 322 阅读 · 0 评论