摘要：
1 <!-- 新增语义标签 2 1、<header>页面头部、页眉 3 2、<nav> 页面导航 4 3、<artice> 一篇文章 5 4、<aside> 侧边栏 6 5、<section> 文章中的章节 7 6、<footer> 页面底部、页脚 8 音频视频 9 1、<audio> 10 2、< 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en" style="font-size: 20px"> 3 <!-- style="font-size: 20px" 设置1rem单位为20px --> 4 <head> 5 <meta charset="UTF-8" > 6 <me 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, user-scalable=no, initial- 阅读全文
摘要：
<!-- 响应式布局： 响应式布局就是使用媒体查询的方式，通过查询浏览器的宽度，不同的宽度应用不同的样式块，每个样式块对应的是该宽度下的布局方式，从而实现响应式布局。响应式布局的页面可以适配多种终端屏幕（pc、平板、手机） --> <!DOCTYPE html> <html lang="en"> < 阅读全文
摘要：
1 <!-- 流体布局：就是使用百分比来设置元素的宽度，元素的高度按实际高度写固定值，流体布局中，元素的边线无法用百分比，可以用样式中的计算函数calc()来设置宽度，或者使用box-sizing属性将盒子设置从边线计算盒子的尺寸 2 calc()：可以同计算的方式给元素加尺寸，比如：width：c 阅读全文
摘要：
<!-- pc及和移动端页面适配方法：设备屏幕有多种不同的分辨率，页面适配方案有如下几种 1、全适配：响应式布局+流体布局 2、移动端适配： a、流体布局+少量响应式 b、基于rem的布局 --> 阅读全文
摘要：
1 <!-- background-size 新属性 2 1、length：用长度指定背景图的大小，不允许负值 3 2、percentage：用百分比指定背景图大小，不允许负值 4 3、auto：缺省值，背景图的真实大小 5 4、cover：将背景图等比缩放到完全覆盖容器，背景图有可能超出容器 6 阅读全文
摘要：
<!-- 视网膜屏(retina屏)：是指屏幕的物理像素密度更高的屏，有两倍屏和三倍屏，会导致原来在pc端显示的图片在移动端变模糊,解决方法是一开始就准备大一倍的图，然后用样式将其压小一倍--><!DOCTYPE html><html lang="en"><head> <meta charset=" 阅读全文
摘要：
<!-- 网页从pc端到移动端，先经过viewport视口转成980px或者1024px，然后再等比例放缩在移动端显示,解决方案：去掉视口作用，在头部增加如下信息 --> <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!- 阅读全文
摘要：
1 <!-- css权重： 2 css权重指的是样式的优先级，有两条或者多条样式作用于一个元素，权重高的那条样式对元素起作用，权重相同的，后写的样式会覆盖前面的样式 3 4 权重的等级：可以把样式的应用方式分为几个等级，按照等级来计算权重 5 1、!important，加在样式属性后，权重值为100 阅读全文