![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
zhao1519937848
这个作者很懒,什么都没留下…
展开
-
移动端适配之viewport + rem布局
html头部添加meta标签<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>引入rem.js(在这里设计稿尺寸为750px,可自行根据设计稿尺寸设置对应的值)varfn...原创 2020-04-01 20:00:09 · 571 阅读 · 0 评论 -
flex弹性布局
1.dispiay:flex;//设置为弹性盒子2.flex-direction()主轴的方向row默认一行/row-revers:反转/column:纵向排列/column-reverse:反转。3.justify-content(主轴对齐方式):flex-start(默认,左对齐)/flex-end(右对齐)/center(居中)/space-between(两端对齐,中间自动分配)/s...原创 2020-04-01 19:56:06 · 121 阅读 · 0 评论 -
HTML常见bug以及解决方案
1.图片间隙div中的图片间隙bug:在块元素中插入图片时,有时图片会将块元素下方撑大三个像素。hack:给<img>添加声明:display:block;vertical-align:middle2.css兼容问题1)表单元素行高不一致(IE,MOZ,C,O,S)BUG:表单元素行高对齐方式不一致hack:给表单元素添加声明:flo...原创 2020-04-01 19:54:52 · 1022 阅读 · 0 评论 -
常用浏览器内核
1)Trident :IE、Maxthon(遨游)、腾讯、Theworld世界之窗、360浏览器代表作品IE,因为Ie捆绑在Windows中,所有占有极高的市场份额,又称IE内核或MSHTML,此内核只能应用于windows平台,且是不开源的。2)Gecko:代表作品Mozilla Firefox是开源的,它的最大优势是跨平台,能在Microsoft Windows、Linus和MacOS...原创 2020-04-01 19:53:29 · 132 阅读 · 0 评论 -
HTML5新增标签
<header>写网页头部区域</header><nav>写导航区域</nav><article>写独立版块区域</article><aside>写与article相关联的一些板块</aside><section>写网页大块区域的</sectio...原创 2020-04-01 19:51:29 · 91 阅读 · 0 评论 -
link 标签导入样式和 import 标签导入样式的区别
link 属于html 标签,而 @import 是 css 提供的; 页面被加载时,link 会同时被加载,而 @import 引用的 css 会等到页面加载结束后加载; link 方式样式的权重高于 @import 的; link 可以使用 js 动态引入,@import不行; link 此没有兼容性要求,而 @import IE低版本浏览器不支持。...原创 2019-10-07 12:02:08 · 632 阅读 · 0 评论 -
文本显示行数控制
1.单行文本溢出显示省略号overflow:hidden; //溢出隐藏text-overflow:ellipsis;//超出显示省略号white-space:nowrap;//强制文本在一行内显示2.文本显示行数控制overflow: hidden;text-overflow: ellipsis; // 超出显示'...'display: -webkit-box; /...原创 2019-10-07 11:56:43 · 634 阅读 · 0 评论 -
常用的 meta 标签?
charset,用于描述 HTML 文档的编码形式<meta charset="UTF-8" >viewport,控制视口的大小和比例<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">...原创 2019-10-06 15:13:23 · 111 阅读 · 0 评论 -
HTML 语义化的理解?
语义化:指使用恰当语义的 html 标签,如 header 标签 代表头部,article 标签代表正文等好处:增强了可读性、有利于SEO优化原创 2019-10-06 15:09:06 · 90 阅读 · 0 评论 -
HTML、XHTML、XML 有什么区别?
HTML(超文本标记语言): 在 html4.0 之前 HTML 先有实现再有标准,导致 HTML 非常混乱和松散XML(可扩展标记语言): 主要用于存储数据和结构,JSON作用类似,但更加轻量高效XHTML(可扩展超文本标记语言): 基于以上两者而来...原创 2019-10-06 15:07:21 · 215 阅读 · 0 评论 -
doctype 的作用是什么?
DOCTYPE 是 html5 标准网页声明,必须声明在HTML文档的第一行。是用来告知浏览器的解析器用什么文档标准解析这个文档,不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析。...原创 2019-10-06 14:57:48 · 3347 阅读 · 0 评论 -
CSS样式表及优先级
css样式表 1)内部样式表<style type="text/css"> /*css语句*/ </style> 2)内联样式 (行内样式)<标签 style="属性:属性值;属性:属性值;" ></标签> 3)引用外部样式表文件 ...原创 2019-06-13 10:49:36 · 5372 阅读 · 0 评论 -
CSS简介及语法
1.css简介 cascading style sheets 层叠样式表 WEB标准中的表现标准语言,在网页中主要对网页信息的显示进行控制,简单来说就是修饰网页信息的显示样式。2.css语法 选择符 {属性:属性值;属性:属性值;} 说明:css语法由两部分组成:选择符、声明说明:1)每个css样式由两部分组成,即选择符和声明,声明又分为属性和属性值; 2)属性必须放在...原创 2019-06-13 08:50:45 · 128 阅读 · 0 评论 -
HTML列表、表格、表单
1.无序列表<ul><li></li>...</ul>有序列表<ol><li></li>...</ol> (type来规定有序列表的是以数字还是字母等排序,start来表示从第几个开始)自定义列表<dl><dt></dt><dd></dd>...原创 2019-06-13 08:38:32 · 398 阅读 · 0 评论 -
HTML初识以及一些基本标签
1.web标准包含三部分:结构(html)、表现(css)、行为(js).万维网联盟(w3c)制定了结构和表现的标准,欧洲电脑厂商联合会(ECMA)制定了行为标准.2.html:超文本标记语言 xhtml:可扩展超文本标记语言(标识语言) html5是html的第五次重大修改3.html的结构:<!doctype html>声明文档类型<html> 说明我们写的标...原创 2019-06-13 08:33:18 · 83 阅读 · 0 评论