
html
love-study-lele
和我一起学前端吧
展开
-
html、body、document、window四者的区别是什么
html有多重意义,既是超文本传输协议,也是 HTML 文档的根元素,其他元素都是其子元素。bodybody 元素包含了文档的可见内容,HTML 文档最终显示的内容都是其子元素。document.body 可以直接访问此元素。documentdocument 对象是 window 的子属性,用来访问页面中的元素,保存着操作 DOM 的 API。windowwindow 对象在文档打开时自动创建,保存着 DOM,BOM,核心JS 等所有内容。对于客户端 JS 而言,window原创 2021-01-11 16:59:29 · 1073 阅读 · 0 评论 -
如何更改网站的图标
此图标应该为一个 .ico 的图标,常为 16*16 / 24 * 24通过在 html 头部引入如下标签实现<link rel="shortcut icon" href="static/favicon.ico">原创 2021-01-11 16:34:26 · 626 阅读 · 0 评论 -
html基础
html描述转载 2019-06-19 14:08:39 · 109 阅读 · 0 评论 -
padding实现居中
* { margin: 0; padding: 0; } .f { width: 650px; height: 400px; background: yellow; /* 如何保持盒子整体大小不变,那么增加padding时,width,height对应减小 */ padd原创 2017-10-16 16:04:08 · 14468 阅读 · 0 评论 -
flex+margin实现居中
*{ padding:0; margin:0; } .f{ width:500px; height:500px; background:red; displa原创 2017-10-16 15:20:39 · 857 阅读 · 0 评论 -
translate+position实现居中
*{ padding:0; margin:0; } .f{ width:500px; height:300px; background:red; margin原创 2017-10-16 11:51:54 · 601 阅读 · 0 评论 -
position实现居中
*{ padding:0; margin:0; } .f{ width:500px; height:500px; background:red; positi原创 2017-10-16 11:50:20 · 428 阅读 · 0 评论 -
margin+padding实现居中
*{ padding: 0; margin:0; } .f{ width: 498px; height:498px; background:red; padd原创 2017-10-16 11:47:54 · 1945 阅读 · 0 评论 -
使用margin+border实现居中
*{ padding:0; margin:0; } .f{ width:498px; height:498px; background:red; border原创 2017-10-15 17:01:06 · 2142 阅读 · 0 评论 -
页面的加载与渲染
## 详解浏览器渲染页面过程1.解析HTML文件,创建DOM树自上而下,遇到任何样式(link、style)与脚本(script)都会阻塞(外部样式不阻塞后续外部脚本的加载)。2.解析CSS优先级:浏览器默认设置特定级:id数*100+类或伪类数*10+tag名称*13.将CSS与DOM合并,构建渲染树(renderingtree)DOM树与HTML一一对应,渲染树原创 2017-10-22 10:36:57 · 1148 阅读 · 0 评论 -
Doctype作用?严格模式与混杂模式如何区分?它们有何意义?
一、Doctype作用是什么?声明叫做文件类型定义(DTD),声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML 文档的第一行,这并不是一个 HTML 标签。二、严格模式与混杂模式如何区分?它们有何意义?严格模式:又称标准模式,是指浏览器按照 W3C 标准解析代码。混杂模式:又称怪异模式或兼容模式,是指浏览器用自己转载 2017-10-21 18:47:00 · 814 阅读 · 0 评论 -
form表单
实现单选时name属性要保持一致 性别: 男 女 readonly只读,不能修改 checked 默认选中 disabled 禁止操作 --> 同意 multiple="multiple"原创 2017-10-21 14:15:17 · 165 阅读 · 0 评论 -
li
li若想浮动到一行上只要ul足够宽就可以和其它父元素没有关系原创 2017-10-17 18:32:56 · 313 阅读 · 0 评论 -
visibility
visibility两个属性:1.visible 2.hidden元素隐藏但仍占据页面的位置原创 2017-10-17 18:28:42 · 490 阅读 · 0 评论