摘要：overflow属性 1.如果将overflow属性值设定为hidden，则超出容纳范围的文字将被隐藏起来。 div{ overflow:hidden; } 2.如果将overflow属性值设定为scroll，则div元素中将出现固定的水平滚动条与垂直滚动条，文字超出div元素的容纳范围时将被滚动显
阅读全文
摘要：div{ word-wrap:break-word; } word-wrap属性可以使用的属性值为normal与break-word两个。使用normal属性值时浏览器默认处理，只在半角空格或者连字符的地方进行换行。使用break-word时浏览器可在长单词或URL地址内部进行换行。 目前，word
阅读全文
摘要：1.依靠浏览器让文本自动换行 浏览器本身都自带着让文本自动换行的功能。 2.指定自动换行的处理方法 在CSS3中，可以使用word-break属性来自己决定自动换行的处理方法。 div{ word-break:break-all; } 当word-break属性使用break-all参数值时，对于西
阅读全文
摘要：首先可以使用before选择器与after选择器的content属性在元素的前面或者后面插入文字和图像，这里我记录的是利用这个content属性来在项目前插入项目编号，同时可以利用content属性在字符串两边加上括号。 1.在多个标题前加上连续编号 <style type="text/css">
阅读全文
摘要：<body> <style type="text/css"> //只对li1设置样式 li:nth-child(1):nth-last-child(1){ background:yellow; } </style> <h2>列表1</h2> <ul> <li>li1</li> </ul> <h2>列
阅读全文
摘要：1.使用nth-child和nth-last-child时会产生的问题 在使用nth-child和nth-last-child时，其计算子元素是奇数个元素还是第偶数个元素时，是连同父元素中的所有子元素一起计算的。 当父元素是列表时，列表中只可能有列表项目一种子元素，所以不会出问题，但是当父元素是di
阅读全文
摘要：1.单独指定第一个子元素、最后一个子元素的样式 <style type="text/css"> li:first-child{ background:yellow; } li:last-child{ background:blue; } </style> 2.对指定序号的子元素使用样式 <style
阅读全文
摘要：1.root选择器 将样式绑定到页面的根元素中。根元素是指位于文档树中最顶层结构的元素，在HTML页面中就是指包含整个页面的<html>部分。 <style type="text/css"> :root{ background:yellow; } body{ background:green; }
阅读全文
摘要：1.伪类选择器 在CSS中，最常用的伪类选择器是使用在a（锚）元素上的几种选择器，它们的使用方法如下： a:link{color:#FF0000;text-decoration:none} a:visited{color:#FF0000;text-decoration:none} a:hover{c
阅读全文
摘要：<div id="section1"> 示例文本1</div> <div id="subsection1-1">示例文本1-1</div> <div id="subsection1-2">示例文本1-2</div> <div id="section2">示例文本2</div> <div id="su
阅读全文
摘要：在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的.在网上找了一下js字符串转数字的文章,这个比较全 方法主要有三种 转换函数、强制类型转换、利用
阅读全文
摘要：text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor
阅读全文
摘要：box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。 content-box，border和padding不计算入width之内 padding-box，padding计算入width内 border-box，border
阅读全文
摘要：一. Webkit浏览器 (1) 第一种写法： background:-webkit-gradient(linear ,10% 10%，100% 100%， color-stop(0.14,rgb(255,0,0)), color-stop(0.5,rgb(255,255,0)), color-st
阅读全文
摘要：1.给DIV设置属性：width: 200px; text-overflow: ellipsis; overflow: hidden; 当div里面的内容总宽度找过 200PX的时候，超出的部分会以“...”的形式显示。 2.上面那个案例之适用于单行文本的现实，才会有效。但当div里面的内容出现多行
阅读全文
摘要：今天做东西，遇到了这个问题，百度后总结得到了这个结果。 首先，要知道css的三条属性。 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 这三个是css的基础属性，需要记
阅读全文
摘要：CSS样式中不是全部的属性都是可以被子元素继承的，下面列出 CSS中可以和不可以继承的属性。 不可继承的： display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width
阅读全文
浙公网安备 33010602011771号