1.不要使用过小的图片做背景平铺.这就是为何很多人都不用 1px 的原因,这才知晓. 宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源. 2.无边框.推荐的写法是 border:none;,哈哈,我一直在用这个. border:0; 只是定义边框宽度为零,但边框样式.颜色还是会被浏览器解析,占用资源. 3.慎用 * 通配符.所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源.要有…

目录 没人看系列----css 随笔 没人看系列----html随笔 前言 没什么要说的就是自己总结,学习用的如果想学点什么东西,请绕行. CSS (Cascading Style Sheets)层叠样式表 引入方式 1.行内式 行内式是在标签的style属性中设定CSS样式. <div style="width:200px;height:100px;border:1px solid black;"></div> 2.嵌入式 嵌入式是将CSS样式集中写在网页的&…

   自实习也有几个月的时间了,以爱奇艺实习为敲门砖.进入了眼下这家公司.假设说当初能进爱奇艺是暂时袭击DIV+CSS的话,眼下在这家公司体验到.不论什么技术都必须悉知原理,这样才干做到庖丁解牛.做一个内行的人.css属性和使用方法都摆在那里,但假设用得好.除了躬身实践.提高理论积淀就特别必要了,这本<写给大家看的css书>高速扫过一遍之后,之前工作遇到过不清楚的问题,一扫而空,所以有必要总结下.    css层叠的理解    css是层叠样式表的英文缩写.层叠意味着样式从文档结构中一个层次传…

问题 1.有些浏览器不完全支持css3,现在可以用哪个工具去检测浏览器是否支持,以及支持哪些项? modernizr:检测浏览器对HTML5和CSS3特性(至于modernizr的介绍,可以看我另外一篇博文HTML5系列四(特征检测.Modernizr.js的相关介绍)) 2.常用的html标签,它们的display属性一般默认为block和inline.有哪些常用标签的display不是block和inline,这些标签显示的时候和block/inline有何区别? 具体display属性值有…

引言 使用position和display来实现的当鼠标移动到图片上时显示和隐藏文字或者视频的效果. 知识点 1.relative.absolute的使用. 当子元素使用position:absolute时,父元素应该设置postion:relative以便使它作为决定定位段落的定位环境.在这里相对定位的元素 必须是绝对定位的祖先元素,才有资格成为定位环境. 2.CSS选择器.其中用到了两种选择器:element,element 和 element element div p,前者没什么好说的,…

1.不要使用过小的图片做背景平铺.这就是为何很多人都不用 1px 的原因,这才知晓.宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源. 2.无边框.推荐的写法是 border:none;,哈哈,我一直在用这个. border:0; 只是定义边框宽度为零,但边框样式.颜色还是会被浏览器解析,占用资源. 3.慎用 * 通配符.所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源.要有选…

position有以下属性:static.inherit.fixed.absolute.relative前三个好理解好区分:static:是默认状态,没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明).nherit:从父元素继承 position 属性的值.fixed:生成绝对定位的元素,相对于浏览器窗口进行定位.(即滚动浏览器的时候,元素永远固定显示在窗口可视区的某个位置). 比较常用而且会引起初学者迷惑的是absolute和r…

一直以来,Spring都被Java程序员视为杀手级别的应用,是为简化Java EE应用程序的开发为目标而创建的.Spring可以做很多事情,它为企业级开发提供给了丰富的功能,但是这些功能的底层都依赖于它的两个核心特性,也就是依赖注入(DI)和面向切面编程(AOP). 下面我们来看一下Spring的模块,看看它们是如何构建起Spring整体蓝图的. 经过十多年的发展,Spring 框架如今就像一个家族,有众多衍生产品,涵盖J2EE开发.依赖维护.移动开发以及微服务等众多领域.在Spring的诸多项…

…

http://www.w3.org/TR/CSS21/cascade.html#inheritance http://www.w3.org/TR/CSS21/cascade.html#cascade http://www.w3.org/TR/CSS21/cascade.html#specificity…