HTML5响应式布局
什么是响应式网页设计(布局)响应式网页设计(Responsive Web design,通常缩写为RWD)是指:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。可以说是一种网页设计的技术做法,该设计可使网站在多种浏览设备(从桌面电脑显示器到移动电话 ...
阅读更多
css-transform
transform 2D变换rotate旋转,只有一个参数单位角度:deg scale缩放 一个参数:水平和垂直同时缩放 transform:scale(1.1) 两个参数:第一个参数指定水平方向的缩放倍率,第二个参数指定垂直方向的缩放倍率。可以是负数,如果是负数则会图片翻转translate位移 ...
阅读更多
CSS3盒子模型
盒子阴影 box-shadow h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的位置。允许负值。 blur 可选。模糊距离。 spread 可选。阴影的尺寸。 color 可选。阴影的颜色。请参阅 CSS 颜色值。 inse ...
阅读更多
HTML5表单
新的输入型控件 email:电子邮件 tel:电话号码 url:网页的url(需要带上http(s)://) search:搜索引擎 range:数值控件,特定范围内的数值选择器 min max step(步数) value 新的输入控件number : 只能包含数字的输入框color ...
阅读更多
过渡与动画
过渡transition:property duration delay timing-function transition-property:过渡属性的名称 none:没有过渡属性all:所有的属性都过渡(默认值)property:具体的属性名称 transition-duration ...
阅读更多
圆角与文本
圆角 border-radius 如果是一个值,那么 top-left、top-right、bottom-right、bottom-left 四个值相等。 如果是两个值,那么 top-left和bottom-right相等,为第一个值,top-right和bottom-left值相等,为第二个值。 ...
阅读更多
CSS3背景
CSS背景属性回顾背景单个属性 background-image background-color background-repeat background-position background-attachment背景符合属性 background注意:复合属性会覆盖前面的单个属性,反之则不会 ...
阅读更多
HTML5选择器
CSS选择器回顾 ID选择器 类名选择器:多类(.class1.class2)不被ie6支持 标签(元素)选择器 组合(后代)选择器 通配符选择器 直接子元素选择器 >:ie6不支持 相邻兄弟选择器 +:ie6不支持 属性选择器 伪元素选择器 伪类选择器 CSS新增选择器 通用兄弟(关联)选 ...
阅读更多
HTML5语法,标签,属性
HTML 5的语法html5相对于以前的html(html4,xhtml等)更加简洁更加的人性化。主要体现在一下几个方面: 文档申明:DOCTYPE 字符编码:charset 不区分大小写了:DIV标签与div标签一样 布尔值:主要是关于input等的checked=”checked”属性 可以省 ...
阅读更多