- 博客(6)
- 收藏
- 关注
原创 CSS3 媒体类型和响应式设计
一、Media Queries 1、媒体类型 All:所有设备;Braille:盲人用点字法触觉回馈设备;Embossed:盲文打印机;Handheld:便携设备;Print:打印用纸或打印预览视图; Projection:各种投影设备;Screen:电脑显示器;Speech:语音或音频合成器;Tv:电视机类型设备;Tty:使用固定密度字母栅格的媒介,比如电 传打字机和终端; 其
2016-10-30 10:44:38
1210
原创 CSS3 布局
1、多列布局 Columns 2、root选择器 定义::root选择器,匹配元素E所在文档的根元素。在HTML文档中,根元素始终是。 注:“:root”选择器等同于元素。建议使用:root方法。在IE9以下还可以借助“:root”实现hack功能。 3、not选择器 定义:称为否定选择器,可以选择除某个元素之外的所有元素。就拿form元素来说,比如说你想给表单中
2016-10-29 21:50:34
728
原创 CSS3 变形与动画
一、变形 1、旋转 rotate() 定义:通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。 如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。 例如: transform: rotate(45deg); 2、扭曲 skew() 定义:能够让元素倾斜显示。它可以将
2016-10-29 16:35:46
699
原创 CSS 选择器
1、属性选择器 (1)E[attr^="val"]:定义属性 attr 并且属性名是以val开头的 (2)E[atte$="val"]:定义属性 attr 并且属性名是以val结尾的 (3)E[atte*="val"]:定义属性 attr 并且属性名中任意位置含有val的 2、root选择器 定义::root选择器,匹配元素E所在文档的根元
2016-10-28 16:53:54
558
原创 CSS3 边框/颜色/文字与字体/背景
一、边框 1、圆角效果 border-radius 语法:border-radius: 左上角,右上角,右下角,左下角;或者border-radius:所有角都为一个值的圆角; 实心上半圆: 方法:把高度(height)设为宽度(width)的一半,并且只设置左上角和右上角的半径与元素的高度一致(大于也是可以的)。 实心圆: 方法:把宽度(width)与高度(heigh
2016-10-28 16:28:41
5173
转载 雅虎军规(WEB前端网站优化)
雅虎给出了优化网站加载速度的34条法则(包括Yslow规则22条) 详细说明,下载转发 ponytail 的译文(来自帕兰映像)。 1.Minimize HTTP Requests 减少HTTP请求 图片、css、script、flash等等这些都会增加http请求数,减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件,页面里直接写入图片也是不好的做法
2016-10-18 19:30:57
564
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅