前端知识总结
文章平均质量分 95
HTML CSS JS 等
测试狗熊
每一次的努力奔跑其实就是努力回到原点,每次回去都已是物是人非,但是结果还是值得自己的期待!努力把打工人111
展开
-
渲染流程上 html css Javascript
在上一篇文章中我们介绍了导航相关的流程,那导航被提交后又会怎么样呢?就进入了渲染阶段。这个阶段很重要,了解其相关流程能让你“看透”页面是如何工作的,有了这些知识,你可以解决一系列相关的问题,比如能熟练使用开发者工具,因为能够理解开发者工具里面大部分项目的含义,能优化页面卡顿问题,使用JavaScript优化动画流程,通过优化样式表来防止强制同步布局,等等。既然它的功能这么强大,那么今天,我们就来好好聊聊渲染流程。通常,我们编写好HTML、CSS、JavaScript等文件,经过浏览器就会显示出漂亮的原创 2021-04-08 16:42:57 · 268 阅读 · 0 评论 -
渲染流程下 html+css+javascript
在上篇文章中,我们介绍了渲染流水线中的DOM生成、样式计算和布局三个阶段,那今天我们接着讲解渲染流水线后面的阶段。这里还是先简单回顾下上节前三个阶段的主要内容:在HTML页面内容被提交给渲染引擎之后,渲染引擎首先将HTML解析为浏览器可以理解的DOM;然后根据CSS样式表,计算出DOM树所有节点的样式;接着又计算每个元素的几何坐标位置,并将这些信息保存在布局树中#分层现在我们有了布局树,而且每个元素的具体位置信息都计算出来了,那么接下来是不是就要开始着手绘制页面了?答案依然是否定的。因为转载 2021-04-08 16:53:00 · 201 阅读 · 0 评论 -
合并单元格
表格合并单元格:<tr><td>张三</td><td>男</td><td>18</td></tr><tr><td>李四</td><td>女</原创 2018-07-20 17:41:46 · 609 阅读 · 0 评论 -
HTML标签属性
width宽度,height高度,color颜色,标签可以有多个写在标签中 属性之间不分先后顺序,标签名与属性,属性与属性之间都用空格分开 任何属性都有默认值,省略该属性则取默认值...原创 2018-07-20 09:52:34 · 385 阅读 · 0 评论 -
CSS样式总结
样式规则:1.选择器用于指定css样式作用的HTML对象 2.属性和属性值以“键值对”的形式出现 3.属性是对指定的对象设置样式属性,例如:字体大小、文本颜色 4.属性与属性值之间同英文“:”链接 5.多个“键值对”之间用“;”进行分区...原创 2018-10-09 13:46:06 · 329 阅读 · 0 评论 -
块和内联
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>学习css</title> <link rel="stylesheet" type="text/css" href="css/yangshi.css"/> </head> <body> <!-- 作者:2632025054@qq.com.原创 2020-07-12 12:14:05 · 169 阅读 · 0 评论 -
input标签
input:<fieldset> <legend>HTML5新增的type 类型 那些表单</> <form action=""> 用户名:<input type="text"/> //text 文本框<br /> 密 码:<inp原创 2018-07-21 16:28:31 · 358 阅读 · 0 评论 -
HTML初识
HTML(HyperText Markup Language)超文本标记语言,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素网页的组成元素:图片、链接,甚至音乐、程序等HTML的骨架: <html> <head> <title> </title> </hea...原创 2018-07-19 10:07:29 · 146 阅读 · 0 评论 -
表单的综合案例
<form action=""> <fieldset> <legend>学生档案</legend> <lable>姓 名:<input type="text" placeholder="请输入学生名字"/></lable&am原创 2018-07-23 10:57:12 · 650 阅读 · 0 评论 -
FRAME 框架
框架:<frame rows=" "></frame>rows属性:其值为本区大小垂直框架:<html><frameset cols="25%,50%,25%"> <frame src="/example/html/frame_a.html"> <frame src=原创 2018-10-22 16:11:43 · 584 阅读 · 0 评论 -
HTML标签
HTML标签:标题标签:<hn></hn>(n=1,2,3,4,5,6)段落标签:<p></p>水平线标签:<hr />换行标签:<br />(break)div(span)标签(重点):定义和用法1.<div> 可定义文档中的分区或节(division/section)。2.&am原创 2018-07-20 09:43:17 · 255 阅读 · 0 评论 -
周杰伦的东风破
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>我的第一个html网站</title> </head> <body> <center> <!-- 作者:26320...原创 2020-03-06 22:12:29 · 558 阅读 · 0 评论 -
HTML基础知识点
<!DOCTYPE html><html> <!-- 作者:2632025054@qq.com 时间:2020-03-06 描述:1.html中不区分大小写,一般使用小写 2.注释不能嵌套 3.html中必须结构完整,要么成对出现要么字节束标签 4.html可以嵌套但是不能交叉...原创 2020-03-06 22:09:03 · 173 阅读 · 0 评论