很基础的知识，每天get一个小技能...... 一、含义 overflow属性：属性规定当元素框中的内容溢出元素框时发生的事件 通俗来说就是当一个父元素里放置的子元素比它大时，要发生什么 二、属性值 三、测试例子 我们给一个div中包含一张图片，让图片的高度大于div的宽度，然后设置div不同的overflow值，看实际的页面效果 overflow测试 body{ margin:0px; padding:0px; } .pic_wrap { ...
一、使用介绍 专为input元素服务，为其定义标记。 for属性规定label与哪个表单元素绑定 label和表单控件绑定方式又两种： 1、将表单控件作为label的内容，这样就是隐士绑定。 此时不需要for属性，绑定的控件也不需要id属性。 隐式绑定：Date of Birth: 2、为标签下的for属性命名一个目标表单的id，这就是现实绑定。 显式绑定：Social Security Number: 二、为什么要给加上for属性 给加了for属性绑...
1、-webkit-tap-highlight-color 移动端页面点击按钮时会发现按钮上会出现一块阴影，设置-webkit-tap-highlight-color:rgba(0,0,0,0);就可以了，将阴影设置成透明就看不见了； 2、-webkit-line-clamp 限制在一个块元素显示的文本的行数，可以配合其他属性设置多行文本溢出省略号的效果 3、-webkit-text-stroke 文字边框，可以配合color:transparent;设置镂空文字的效果 4、-webkit-background-clip 背景...
一、在表格中插入文字及图片 1、把图片及文字分开到不同的【tr】标签表格内。 把记忆时钟回拨到三年前的谷歌I/O大会，这种对比就显得尤为残酷。2012年的那次大会或许是近年来最印象深刻和值得记忆的，因为谷歌发布了一款令世界都激动的黑科技??谷歌眼镜。在那一年的大会尾声，谷歌联合创始人谢尔盖布林(Sergey Brin)突然出现在舞台，用一种令全场沸腾的方式发布了当时谷歌最令人关注的新产品。 通过会场大屏幕，现场观众...
今天发现了一个奇怪的问题，从文本编辑器(notepad++)中把一段文本输入到easyui的textbox文本框(textarea)中，不进行任何的操作，直接再从文本框中把文本拷贝出来贴到文本编译器中，通过查看两次文本的十六进制，发现空格部分发生了变化。如下图： 1、文本内容1：(原始文本被容) 2、输入到easyui的textbox中： 3、从文本框中产贴出来： 初步观察会发现两段文本在空格上发生了变化，进一步观察其十六进制内容： 4、...
1. rem "em" 单位是我们开发中比较常用到的，它表示以当前元素的父元素的单位大小为基准来设置当前元素的大小；“rem” 中的 “r” 代表 “root”，它表示以根（即“html”）元素的单位大小为基准来设置当前元素的单位大小，所以不管当前元素是任意子节点，一旦设单位大小为 “rem” 那么这个元素大小都是以根元素单位为参考的，这里的 “em” 和 “rem” 均具有继承性。 2. vw 和 vh（移动端开发个人最喜欢的单位属性，也是...
如何通过css的media属性，适配不同分辨率的终端设备，示例如下: 首页 @media (max-width:768px) { #div1 { width: 400px; margin: 0 auto; background:url('../img/1.JPG'); } #img2,#img3 { width: 100px; } } @media (min-width:768px) { #div1 { width: 600px; margin: 0 auto; background:url('../img/1.JPG'); } #img2,#img3 { width: 200px; } } @media (min-width:992px) { #div1 { width: 800...
在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题，而且关于Attribute和Property的区别也让人十分头痛，在HTML5中添加了data-*的方式来自定义属性，所谓data-*实际上上就是data-前缀加上自定义的属性名，使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。 读写方式 data-*有两种设置方式，可以直接在HTML元素标签上书写 Click Here 其...
html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML5学习笔记</title></head><body bgcolor="#90ee90"><b>加粗</b><br/><em>着重文字</em><br/><i>斜体字</i><br/><small>小字体</small><br/><strong>加重语气字</strong><br/>接下来是<sub>下标</sub><br/>然后是<sup>上标</sup><br/><ins>下划线</ins><br/><del>删除线</del><br/></body></html> 版权声明：本文为博主原创文章，未经博主允许不得转载。
CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些例子对 z-index 的使用方法进行分析, 并且为各位带入 z-index 层级树的概念. 顺序规则 如果不对节点设定 position 属性, 位于文档流后面的节点会遮盖前...
写在前面：由于CSS5标准还未完全订下来，所以各种内核的浏览器都有自己的标准，为了不使属性混淆，所以各家在各自标准前加了一个前缀。 -moz- 主要是firefox火狐 -webikt-主要是chrome谷歌和Safari -o-主要是用于苹果机上的浏览器如Opera 下面主要从颜色、文本、选择器等方面来总结一下CSS3新增的属性 颜色 css1和css2只能通过以下三种方式来表示颜色 颜色名称 eg:color:red HEX方式 （语...
这两天写个页面css的时候用到了vertical-align属性，使用过程中踩到了坑，所以总结如下： vertical-align的定义 W3C上对vertical-align的定义：vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。 文本通常根据不可见的基线进行对齐的，而字母...
2D 转换（须在style里面定义）：位移，缩放，旋转，斜切（扭曲） 转换---关键字：transform; 属性有： 1， 位移：translate（0px，0px） 属性值：（0px,0px）括号里跟两个值，用逗号分割，使元素沿x轴，y轴坐标位移，第二个值可以不给，如果不给则默认为0。 2， 缩放：scale（.5, .5） 属性值：（.5 , .5）括号里跟两个小数（百分数），用逗号分割，元素中心点做为缩放基点， 使元素沿x轴，y轴坐标按比例...
z-index属性值为负数的作用: 在很多CSS代码中，可以看到z-index属性值被设置为负数的情况，下面就简单介绍一下，此属性值为负数情况下的表现。在一般情况下只要对象设置了position属性，且属性值不为static，那么此对象能够覆盖非定位对象，代码实例如下: 蚂蚁部落div{ width:100px; height:100px;}.a{ position:relative; right:20px; top:20px; background-color:red; z-index:1;}.b{ background-color:green;} 以...
text-align属性有没有继承性: text-align属性可以将对象内的文本水平居中对齐，应该说不是什么难点，可能有时候会有这样的疑问词属性有没有继承性，如果有的话可以给父元素定义一个居中方式，下面子元素集成就可以了，能够节省些许代码。代码实例如下: 蚂蚁部落.grandfather{ width:440px; height:350px; background-color:green; text-align:right;}.parent{ width:200px; height:200px; background-color:blue;}....