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