摘要:
1 渐进增强和优雅降级 渐进增强:针对低版本浏览器进行构建页面,保证最基本的功能,然后在针对高级浏览器进行效果、交互等改进和最佳功能达到更好的用户体验。 优雅降级:一开始就构建完整的功能,然后在针对低版本浏览器进行兼容。 优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常 阅读全文
摘要:
表单字段集 <fieldset disabled="disabled"> <legend></legend> <!-- 一个表单域只能放一个legend --> <form action=""></form> </fieldset> 提示信息标签 2种用法: 用法一: <label for="use 阅读全文
摘要:
1 rem 根据父元素HTML的font-size的大小设置 2 em 根据父元素的字体大小设置,默认大小为16px 3 vw和vh vw:视窗宽度 vh:视窗高度 px与vw计算公式: vw=元素所展示的大小(设计图固定大小)x 100 / 设计稿宽度 高度也一般使用vw为单位 阅读全文
摘要:
一、背景基础属性 1 背景颜色 background-color 2 背景图片设置 background-image:url(背景图片的路径及全称); 3 背景图片平铺属性 background-repeat: no-repeat / repeat / repeat-x / repeat-y 4 背 阅读全文
摘要:
1.设置元素并列向左浮动 float:left; 2.设置元素并列向右浮动 如果仅仅设置float:right;元素会向右浮动,但是顺序会改变。 解决办法看代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>多个元素浮动方向 阅读全文
摘要:
1 flex布局(弹性盒,英文Flexible Box) display:flex;类似于块级元素 display:inline-flex,类似于内联元素 注意:设为Flex布局以后,子元素的float,clear和vertical-align属性将会失效 2 容器的属性(添加在容器上)2.1 fl 阅读全文