CSS3/HTML
CSS3/HTML
夏日米米茶
这个作者很懒,什么都没留下…
展开
-
移动端文字大小自适应
移动端由于只需要考虑苹果和安卓系统,所以字体不用设置太多,如无特殊需求,手机端无需定义中文字体,使用系统默认,苹果系统默认中文字体是Heiti SC,android 系统默认中文字体是Droidsansfallback,2个系统的英文字体和数字字体可使用 Helvetica 。body { font-family: "Heiti SC","Droidsansfal...原创 2018-07-24 16:51:08 · 6038 阅读 · 1 评论 -
css3 media媒体查询器用法总结
转自:http://www.520ued.com/article/53882d7ab992a7c43f5c204b 随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一转载 2016-09-12 14:42:50 · 524 阅读 · 0 评论 -
[HTML5] 前端规范 - HTML编码规范
原文转自郭小北V5:http://blog.csdn.net/xllily_11/article/details/512490291 前言HTML 作为描述网页结构的超文本标记语言,在百度一直有着广泛的应用。本文档的目标是使 HTML 代码风格保持一致,容易被理解和被维护。2 代码风格2.1 缩进与换行[强制] 使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。示例:<ul转载 2016-05-31 17:20:20 · 1198 阅读 · 0 评论 -
移动端头部head标签
<!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --><html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --><head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和转载 2016-10-09 11:30:23 · 890 阅读 · 0 评论 -
[CSS] 去除a标签超链接的虚线框和高亮效果,禁止浏览器默认input样式
a { outline:0; -moz-outline:0; blr:expression_r(this.onFocus=this.blur())}如果是图片区域,可以加: area { outline:0; -moz-outline:0; blr:expression_r(this.onFocus=this.blur())}原创 2015-09-09 18:00:38 · 1686 阅读 · 0 评论 -
[css] CSS编码规范
1 前言CSS 作为网页样式的描述语言,在百度一直有着广泛的应用。本文档的目标是使 CSS 代码风格保持一致,容易被理解和被维护。虽然本文档是针对 CSS 设计的,但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时,适用的部分也应尽量遵循本文档的约定。2 代码风格2.1 文件[建议] CSS 文件使用无 BOM 的 UTF-8 编码。解释:UTF-8 编码具有更广泛的适转载 2016-05-31 16:30:01 · 584 阅读 · 0 评论 -
[CSS]clearfix 清除浮动元素及去掉浏览器默认样式
.clearfix:after { content:”\200B”; display:block; height:0; line-height:0; font-size:0; clear:both; } .clearfix {zoom:1;}/*IE/7/6/原创 2016-05-04 12:22:35 · 951 阅读 · 0 评论 -
使用CSS3开启GPU硬件加速提升网站动画渲染性能
中文地址:http://www.cnblogs.com/rubylouvre/p/3471490.html原文地址:http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-css你知道我们可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Uni转载 2016-07-27 10:49:17 · 3567 阅读 · 0 评论 -
[JS实例] input type=file 自定义样式的方法
原文地址:http://www.jb51.net/web/39559.html 为什么要美化file控件?试想一下,别的孩子都穿戴整齐漂亮,其中两个孩子怎么都不鸟你,太不和谐了。原始的file控件是这样的: 别以为这个是由一个text和一个button组合成的,它是一个控件,html代码为:<input type="file" name="file" /> 既然这样我们就用一个text和一转载 2016-06-21 17:40:10 · 4787 阅读 · 0 评论 -
[CSS] CSS 书写规范、顺序
CSS书写顺序1.位置 属性 (position, top, right, z-index, display, float等) 2.大小 (width, height, padding, margin) 3.文字系列 (font, line-height, letter-spacing, color- text-align等) 4.背景 (background, border等) 5.其他转载 2016-02-15 14:59:45 · 447 阅读 · 0 评论 -
[css3动画教程]:逐帧自适应精灵图
一、animation属性设置要启用css3动画,就要先了解 animation 属性, animation 属性是一个简写属性,用于设置六个动画属性:animation-name 规定 @keyframes 动画的名称。 animation-duration 规定完成动画所花费的时间,以秒或毫秒计。 animation-timing-function 规定动画的速度曲线。原创 2016-02-17 17:05:37 · 4551 阅读 · 0 评论