HTML&CSS学习笔记

https://github.com/weidongz/Rubbish_Code/blob/master/HTML%26CSS/HTML_tutor.html

HTML:超文本标记语言
         HTML字符实体
CSS:层叠样式表
Javascript:交互设计用编程语言

Flex布局:”弹性布局”(Flexible Box),编写于CSS样式块,用来为盒状模型提供最大的灵活性。语法篇实例篇

移动端适配:

  1. 方案一:媒体查询+rem+less:media查询当前屏幕尺寸属于哪个范围,把屏幕划分不同档位,media查询根据不同设备按比例设置html的字体大小,页面元素使用rem做尺寸单位,页面元素达到等比缩放的适配,less是一门 CSS 扩展语言,它扩展了CSS的动态特性,进行rem的计算。
  2. 方案二(推荐):rem+flexible.js+less:通过 JS 设置font-size,效果是屏幕变化一点,就重新计算rem值。
  3. 方案三(推荐):Bootstrap

前端框架:layer:Web层弹窗组件,简单而美观地定义各种弹窗

原文地址:https://www.cnblogs.com/WindyZ/p/12364295.html