![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Topepy
不积跬步,无以至千里; 不积小流,无以成江海
展开
-
CSS样式开发处理技巧
1、怎么让换行文字不换行: white-space:nowap;浏览器支持所有浏览器都支持 white-space 属性。搜索注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。可能的值normal 默认。空白会被浏览器忽略。pre 空白会被浏览器保留。其行为方式类似 HTML 中的 标签。nowrap 文本不原创 2016-01-26 11:52:15 · 691 阅读 · 0 评论 -
CSS盒模型
1、盒模型的组成:内容(content)、内边距(padding)、边框(border)、边界(margin)四部分组成。2、盒模型的分类:(box-sizing)(1)、标准盒子模型(content-box)box-sizing:content-box(默认)注意:1、此时的width = content.width (padding和border不被包含在定义的wi原创 2016-03-07 15:03:47 · 695 阅读 · 0 评论 -
CSS3属性之text-indent文本缩进使用详解
1、定义:text-indent 属性规定文本块中首行文本的缩进。2、使用:将段落的第一行缩进2em:div{text-indent:2em;}3、注意事项:3-1、允许使用负值。如果使用负值,那么首行会被缩进到左边。3-2、使用text-indent不生效的原因以及解决办法:原因:text-indent无法作用于行内元素解决办法:将行内元素变为块级元素:dis原创 2016-03-22 10:54:58 · 9226 阅读 · 0 评论 -
CSS3选择器之:nth-child()伪类选择器详解
1、语法:nth-child(an+b) 注意: (an+b)不能写成(b+an);描述:伪类:nth-child()的参数是an+b,如果按照w3.org上的描述,写成中文,很可能会让人头晕,再加上笔者的文笔水平有限,所以我决定避开an+b的说法,把它拆分成5种写法共5部分来说明。2、用法:2-1.简单数字序号写法 --->:nth-child(3);:nth-chi原创 2016-03-10 14:59:00 · 2447 阅读 · 0 评论 -
CSS3属性之text-overflow:ellipsis详解
1.语法:text-overflow:clip|ellipsis默认值:clip;适用于:所有元素clip:当前对象内文本溢出时不显示省略标记(...),而是将溢出部分裁剪。ellipsis:当对象内文本一处时显示省略标记(...)。当然这还是不够的,需要加点调料才能出现效果:那就是配合overflow:hiddenwhite-space:overflow;效果原创 2016-03-14 14:17:35 · 48584 阅读 · 2 评论 -
DIV边框重叠变粗解决方案(子元素浮动导致父元素失去高度解决方法)
1、问题如图:代码如下: new document .father{width:400px;}.c{width:95px;height:100px;float:left;border:1px solid black;}原创 2016-03-08 17:27:20 · 9708 阅读 · 1 评论 -
CSS3新属性box-flexd弹性盒模型
1、介绍:box-flex是css3属性,需考虑兼容性问题。(大部分浏览器已经实现了无前缀版本)#element{box-flex:1.0; /*必须是整数,占父元素几等分的意思*/-moz-box-flex:1.0; /* Firefox的兼容性*/-webkit-box-flex:1.0; /*Safari和Chrome的兼容性*/-o-box-flex:1.0;原创 2016-03-09 11:53:03 · 1252 阅读 · 0 评论 -
CSS3新属性之user-select控制文本是否选中
1、抛砖:开发中遇到一个很奇怪的问题,点击网页的某地方,其他地方出现文本选中的情况,导致十分难看。如下图(点击网页其他地方search搜索出现选中状态)2、通过user-select解决:语法:user-select:none|text|all|element取值:none:文本不能被选择text:可以选择文本(默认值)all:当所有内容作为一个整体时可以被选择原创 2016-03-15 10:55:31 · 4348 阅读 · 0 评论