自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除