![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web基础知识
LeonGus
漫天繁星,若有若无,时隐时现.
展开
-
less基础
less是一门css扩展语言,也称为css预处理器. 作为css的一种形式的扩展,它并没有减少css的功能,而是在现有的css语法上,为css加入程序语言的特性. 它在CSS 的语法基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化了 CSS 的编写,并且降低了 CSS的维护成本,就像它的名称所说的那样,Less可以让我们用更少的代码做更多的事情。 less变量 @变量名:值;...原创 2019-11-13 20:00:12 · 127 阅读 · 0 评论 -
移动端常见布局及主流方案
移动端单独制作 流式布局(百分比布局) flex 弹性布局(强烈推荐) 操作方便,布局极其简单,移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 less+rem+媒体查询布局 混合布局 响应式 媒体查询 bootstarp 流式布局: 流式布局,就是百分比布局,也称非固定像素布局。 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸...原创 2019-11-11 20:14:06 · 852 阅读 · 0 评论 -
CSS3盒子模型box-sizing及清除移动端特殊样式
传统模式宽度计算:盒子的宽度 = CSS中设置的width + border + padding CSS3盒子模型: 盒子的宽度= CSS中设置的宽度width 里面包含了 border 和 padding 也就是说,我们的CSS3中的盒子模型, padding 和 border 不会撑大盒子了 /*CSS3盒子模型:border-box,边框盒子,理解:从边框开始计算盒子的大小(包...原创 2019-11-11 20:06:42 · 1218 阅读 · 0 评论 -
移动端技术解决方案
1.移动端浏览器兼容问题 移动端浏览器基本以 webkit 内核为主,因此我们就考虑webkit兼容性问题。 我们可以放心使用 H5 标签和 CSS3 样式。 同时我们浏览器的私有前缀我们只需要考虑添加 webkit 即可 2.移动端公共样式 移动端 CSS 初始化推荐使用 normalize.css/ Normalize.css:保护了有价值的默认值 Normalize.css:修复了浏览...原创 2019-11-11 20:04:59 · 467 阅读 · 0 评论 -
使用Chrome的开发者工具
基本的结构布局是左边html 右边是 css chrome调试数值可以鼠标点击后面的数值, 按下键盘 上箭头 是 调大 数值, 下箭头是 调小数值 Chrome提示的常见布局错误 css无显示 声明类名和html调用名不一致 或者 css文件引入不对 或者 这个样式的前面 多余了一些符号影响的 tml 结构不匹配(重要) 通过颜色判断盒子 蓝色是 盒子的 宽度高度 青色...原创 2019-10-24 09:04:34 · 121 阅读 · 0 评论 -
文档类型DOCTYPE和页面语言lang及字符集
<!DOCTYPE> 声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 指定该html标签 内容 所用的语言为中文 简单来说,可能对于程序来说没有太大的作用,但是它可以告诉浏览器,搜索引擎,一些处理Html的程序对页面语言内容来做一些对应的处理或者事情。 - 根据根据lang属性来设定不同语言的css样式,...原创 2019-10-18 22:10:36 · 184 阅读 · 0 评论 -
Web 标准构成
标准 说明 备注 结构 结构用于对网页元素进行整理和分类,主要是HTML。 表现 表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS 行为 行为是指网页模型的定义及交互的编写,主要是 Javascript 理想状态我们的源码: .HTML .css .js web标准小结 web标准有三层结构,分别是结构(html)、表现...原创 2019-10-18 22:00:45 · 1202 阅读 · 0 评论 -
常见浏览器内核
浏览器 内核 备注 IE Trident IE、猎豹安全、360极速浏览器、百度浏览器 firefox Gecko 可惜这几年已经没落了,打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。 Safari webkit 现在很多人错误地把 webkit 叫做 chrome内核(即使 chrome内核已经是 blink 了)。苹果感觉像被别人抢了媳妇,都哭...原创 2019-10-18 21:50:45 · 80 阅读 · 0 评论