HTML
文章平均质量分 73
heycn112
这个作者很懒,什么都没留下…
展开
-
CSS动画知识总结
本篇博客是作为个人自学记录,如有不足之处,请批评指正。动画的原理许多禁止的画面(帧)以一定速度(如:每秒30帧)连续播放时,肉眼因视觉残像产生错觉,而误以为是活动的画面。CSS 动画的两种做法比如我现在要把一个盒子从左往右移动100px,那么我应该在呢么做呢?transition使用transition里的translateX来移动,然后加上transition的过渡效果这里使用鼠标悬停在红色方块上,方块就向右移动100px。直接上代码!<!DOCTYPE html>&l.原创 2021-10-10 23:45:56 · 173 阅读 · 0 评论 -
浏览器的渲染原理
本篇博客是作为个人自学记录,如有不足之处,请批评指正。浏览器拿到HTML&CSS之后,它做了些什么?根据 HTML 构建 HTML 树(DOM)根据 CSS 构建 CSS 树(CSSOM)将两棵树合并成一颗渲染树(render tree)Layout 布局(文档流、盒模型、计算大小和位置)Paint 绘制(把边框颜色、文字颜色、阴影等画出来)Composite 合成(根据层叠关系,展示最终的画面)举个例子我在ps创建了3个图层,一个是画板,一个是结构,一个是颜色首先,现.原创 2021-10-10 23:02:36 · 60 阅读 · 0 评论 -
CSS flex布局
本篇博客是作为个人自学记录,如有不足之处,请批评指正。图片来源:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html https://blog.csdn.net/liveinmylife/article/details/51838939 仅用于自学的笔记参考,非商业性使用什么是 flex 布局?flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。概念.原创 2021-10-08 19:21:17 · 140 阅读 · 0 评论 -
HTML:常用标签
本篇博客是作为个人自学记录,如有不足之处,请批评指正。此博客是《HTML:入门笔记》的续篇,需要查看请点击此链接a 标签href超链接hyper+referencehref 的取值(写网址就写//…就行)网址:httpshttp//…路径:/a/b/c 以及 a/b/c(前者是绝对路径,后者是相对路径。http打开的话,/a/b/c 也是当前文件夹下的路径)index.html 以及 ./index.html伪协议javascript:;如果想做一.原创 2021-10-04 01:37:31 · 434 阅读 · 0 评论 -
HTML:如何让style显示在网页上,让用户自己修改样式
我们平时在HTML里写样式的时候,一般都是把样式标签放在head里面的,而head的属性就是隐藏,修改成display: block; 也是没有用的。那么怎样让style标签显示呢?很简单,将style标签从head拿出来就可以了= =下图:我将style放在body里,然后给style标签添加样式 display: block; (只要是标签,理论上都可以修改样式!!!)看看效果再多敲个单词,就可以让用户自己编辑样式了看看效果:...原创 2021-10-02 14:38:46 · 1122 阅读 · 0 评论 -
HTML:入门笔记
本篇博客是作为个人自学记录,如有不足之处,请批评指正。HTML 是谁发明的HTML是由英国计算机科学家 Tim Berners-Lee 在1990年发明的。HTML 起手式一个完整的HTML文档必须包含3个部分:文档声明、文档头部和文档主体。<!DOCTYPE html> <!--文档类型 一般不改动--><html lang="en"> <!--html标签 一般把lang的值改为zh-CN--><head>.原创 2021-10-02 23:09:40 · 106 阅读 · 0 评论