![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
一份蛋炒饭
web前端开发
展开
-
rem布局原理分析
/* rem布局 */ /* 我们拿到设计稿一般是750px宽度,这个时候可以利用js软件自动获取屏幕宽度 然后将其屏幕划分成10等分,这时淘宝的做法,然后将VW / 10 = fz 作为html标签的文字大小 此时我们拿到的设计稿尺寸是750px,那么这个时候我们的html字体大小是75px, 然后我们在写页面的时候都是按照html字体大小为75px来利用rem写页面, 我们这个时候就可以将设计稿中尺寸 / html字体大小.原创 2021-04-01 19:50:06 · 362 阅读 · 0 评论 -
将CSS引入HTML的方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-03-26 21:09:52 · 731 阅读 · 0 评论 -
CSS3之3D转换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-03-26 19:56:40 · 59 阅读 · 0 评论 -
CSS3之2D转换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-03-26 19:55:46 · 40 阅读 · 0 评论 -
HTML基础知识总结
下面是HTML一些基础知识个人总结,有不对的地方还请指正原创 2021-03-26 19:46:32 · 57 阅读 · 0 评论 -
复合选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-03-07 22:47:45 · 81 阅读 · 0 评论 -
CSS选择器.文字样式和文本样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-03-05 06:47:48 · 163 阅读 · 1 评论 -
清除浮动的方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-02-28 20:54:19 · 67 阅读 · 0 评论 -
外边距塌陷
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-02-24 16:11:25 · 34 阅读 · 0 评论 -
选择器css部分属性总结
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-02-24 14:40:50 · 72 阅读 · 0 评论 -
html标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-02-22 12:16:40 · 61 阅读 · 0 评论 -
DOCTYPE 和lang
DOCTYPE 和lang<!-- 文档声明标签 --><!DOCTYPE html><!-- lang语言种类,en定义语言为英文,zh-CN定义为中文 --><html lang="en"><head> <!-- 字符集charset 是多个字符的集合 以便计算机能够识别和存储这些文字 --> <!-- head标签内可以通过meta标签和charset属性来规定html文档应该使用那种字符编码 -原创 2021-01-22 22:39:11 · 168 阅读 · 0 评论 -
HTML基本语法规则
基本语法概述HTML标签是由尖括号包围的关键字,例如HTML标签通常是成对出现的,例如和,称为双标签,第一个是开始标签,的第二个是结束标签有些为单个标签 如:,称为单标签。标签关系双标签关系可以分为两类:包含关系和并列关系//包含关系<head> <title> </title></head> //并列关系<head> </head><body> </body>##原创 2021-01-22 22:23:20 · 554 阅读 · 0 评论 -
web标准
为什么需要web标准以为浏览器不同所显示的页面和排版不同,造成差异。谁制定W3C组织(万维网联盟)web标准构成结构(structure):对网页元素进行整理和分类,html表现(presentation):设置元素的版式,颜色,大小等外观样式//css行为(behavior):网页模型的定义与交互 //javascript...原创 2021-01-21 19:46:41 · 49 阅读 · 0 评论 -
前端用到的浏览器
浏览器内核也叫渲染引擎,负责读取页面内容,整理讯息,计算网页的显示方式并显示出来浏览器内核整理浏览器内核IETridentfirefoxGeckoSafariWebkitchrome/OperaBlinkBlink内核是Webkit的一个分支国产浏览器大多用的是Webkit或者是Blink内核(QQ、UC、360等)需要那些我们主要需要的是国际通用五大浏览器,但是IE会兼容性差,后续会涉及到调节兼容性问题的,需要特殊对待,一般是IE9以下需要调原创 2021-01-21 19:38:17 · 141 阅读 · 0 评论 -
初识网页
网站网站就可以算作是很多网页的集合,很多网页集合在一起组成一个网站网页网页的组成:图片、链接、视频、声音、文字等元素网页是网站的一页,它是通过浏览器来进行阅读的,一般格式为HTML格式文件如何创建一个网页拉?网页是通过HTML语言创建出来的,什么是HTMLHTML是超文本标记语言,用来描述网页的的一种语言,它不算是编程语言,更像是一种标记。HTML(Hyper Text Markup Language)超文本标记语言Hyper Text Markup Language超文本的含原创 2021-01-21 19:22:04 · 87 阅读 · 0 评论 -
开始
开始今天是2021年1月21日,正是人类经历第二次疫情的事件端,因为疫情很多人失业,我在一家小公司上班,受到疫情影响,导致业务量很少,作为公司成员的我在办公室也渐渐闲了起来,最近在同事在学前端,我于是被深深的打动了,也被这个技术所吸引,随着深入的学习,以至于废寝忘食,我觉得自己欠缺的知识太多了,我找到了自己喜欢的工作,喜欢做的事情,我决定专心投入其中,那我们开始把,其实我已经学了很长时间了,这次是想把自己所学的东西和想法分享一下,做好笔记,加油,坚持梦想,希望我能找到一份前端工作,引用一句诗句,以激励我前原创 2021-01-21 19:00:36 · 105 阅读 · 2 评论