随笔分类 -  HTML5

摘要:background-origin 设置元素背景图片的原始起始位置。 语法: background-origin : border-box | padding-box | content-box; 参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。 效果如下: 需要注意的是 阅读全文
posted @ 2018-01-12 09:21 journeyIT 阅读(8) 评论(0) 推荐(0)
摘要:text-overflow 与 word-wrap text-overflow用来设置是否使用一个省略标记(...)标示对象内文本的溢出。 语法: 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space: 阅读全文
posted @ 2018-01-12 09:20 journeyIT 阅读(8) 评论(0) 推荐(0)
摘要:颜色之RGBA RGB是一种色彩标准,是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。 语法: color:rgba(R,G,B,A) 以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围 阅读全文
posted @ 2018-01-12 09:18 journeyIT 阅读(9) 评论(0) 推荐(0)
摘要:圆角效果 border-radius border-radius是向元素添加圆角边框。 使用方法: border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下 阅读全文
posted @ 2018-01-12 09:13 journeyIT 阅读(5) 评论(0) 推荐(0)
摘要:CSS3是什么 CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了,IE10以后也开始全面支持CSS3了。 在编写CSS3样式时,不同的浏览器可 阅读全文
posted @ 2018-01-12 09:10 journeyIT 阅读(14) 评论(0) 推荐(0)
摘要:规则01:尽量减少HTTP请求 前端优化的黄金准则指导着前端页面的优化策略:只有10%-20%的最终用户响应时间花在接受请求的HTML文档上,剩下的80%-90%时间花在为HTML文档所引用的所有组件(图片、脚本、样式表等)进行的HTTP请求上。因此,改善响应时间的最简单途径就是减少组件的数量,并由 阅读全文
posted @ 2018-01-10 23:18 journeyIT 阅读(21) 评论(0) 推荐(0)