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