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