![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS&HTML学习
CSDN_go_die
这个作者很懒,什么都没留下…
展开
-
从浏览器地址栏输入URL到显示页面的步骤(重点)
浏览器解析IP地址(DNS解析)-->TCP三次握手后客户端和服务端会建立通讯关系-->服务端发送HTML\CSS\JS\图片资源-->浏览器拿到资源后开始解析载入HTML,DOM从而达到页面的渲染原创 2021-12-27 15:52:20 · 263 阅读 · 0 评论 -
console.log(0.1+0.2)精度缺失
结果是0.3000000000000000004在JS里面小数是由十进制转换为二进制计算的,那么二进制也有限制是52位,所以会造成精度缺失原创 2021-11-29 17:25:54 · 425 阅读 · 0 评论 -
用link和@import导入CSS的区别
link导入CSS:<link rel="stylesheet" type="text/css" href="css/zzsc.css">@import导入CSS:<style type="text/css"> @import url("css/zzsc.css");</style>区别:1.link标签和HTML页面是并行加载的,而@import是加载完页面才被加载的2.JS能控制DOM用link导入的样式,控制不了用@import导入的原创 2021-11-29 17:09:51 · 82 阅读 · 0 评论 -
xhtml和html的区别(面试简洁版)
有功能和语法两个角度:功能上区别:XHTML兼容性强语法上区别:XHTML书写更加严谨,列出其中三条:1.所有标签必须小写2.标签必须成对3.所有属性必须使用双引号原创 2021-11-29 16:50:39 · 77 阅读 · 0 评论 -
实现0.5px边框
就先写一种方法首先写一个长宽为200px的红色div:接着给它一个1px粗的蓝色下边框border-bottom: 1px solid blue;再给它加一个透明属性border-bottom: 1px solid blue transparent;再设置这个下边框的背景图片属性:border-image: linear-gradient(to bottom,transparent 50%,black 50%) 0 0 100% 0 ;line...原创 2021-11-25 17:54:37 · 154 阅读 · 0 评论 -
如何进行SEO优化
我理解的SEO优化就是让你写的这个网页在各大搜索引擎(如百度谷歌等)中排名尽量靠前有百度快照的说明做过SEO了优化方法:1.对HTML的 title,keywords,description尽量简化精炼2.尽量语义化HTML代码,正确的标签做正确的事,比如列表就用li标签,需要强调的文本就用strong,em等等3.重要内容HTML代码放在最前4.重要内容尽量不要用JS输出,爬虫不会执行JS获取内容5.非装饰性图片必须加alt属性6.提高网站加载速度...原创 2021-11-25 17:14:48 · 437 阅读 · 0 评论 -
什么是浏览器内核及分类(面试简洁版)
浏览器内核其实就是一个代码翻译器把服务器传过来的HTML CSS JS 代码转换为可视化的文字图片颜色等信息常见的浏览器内核:safari: webkitChrome:blinkOpera:Presto火狐:GeckoIE,360,搜狗,腾讯:Trident...原创 2021-11-25 16:39:14 · 456 阅读 · 0 评论 -
伪类和伪元素的区别(面试简洁版)
伪类:有:active,:hover,:visited这类伪元素:::before,::after这类区别:一个单冒号,一个双冒号原创 2021-11-25 16:27:47 · 82 阅读 · 0 评论 -
清除浮动方法
参考文章:清除浮动的最常用的四种方法,以及优缺点_h_qingyi的博客-CSDN博客_清除浮动第一种:子元素后添加元素,属性 clear:both(clear属性的用法) 第二种:父元素,overflow:hidden 第三种:父元素的伪元素方式一,以下这几个属性都要加#parent::after{ content:""; height:0; visibility:hidden; display:block; clear:both;}这里面#parent是父元素.原创 2021-11-25 09:47:09 · 49 阅读 · 0 评论 -
重绘与重排(面试简洁版)
重排:元素的结构(高度,宽度等)发生变化重绘:元素的外观(颜色等)发生变化重排会引起重绘,重绘不会引起重排原创 2021-11-25 09:16:12 · 91 阅读 · 0 评论 -
SPA单页面应用(面试简洁版)
只加载单个HTML页面,如果页面加载完成,就不会再进行页面的加载或者跳转,通过JS动态控制 div的显示与隐藏来实现用户与UI的交互。优点:前后端分离缺点:第一次加载耗时比较长原创 2021-11-25 08:54:39 · 139 阅读 · 0 评论 -
px,em,rem,vw/vh的定义与区别
px:像素值不多赘述em/remem是相对于当前像素的font-size如果font-size是10px, 0.5em就是5pxrem是相对于html根元素的font-sizevw/vh全称viewport width/viewport height1vw/1vh 就是当前设备宽度的1%em/rem 和 vm/vh 精度vm/vh 精度更高,因为它针对的是视窗大小,但可以忽略不计...原创 2021-11-25 08:45:24 · 146 阅读 · 0 评论 -
flex布局基础
参考:一篇文章弄懂flex布局 - 听风是风 - 博客园详细把能想到的点写一下:1.兼容性兼容到IE10以上2.属性display: flexjustify-content:center 左右居中对齐align-items:center 上下居中3.flex:0 1 auto --->放大、缩小、默认宽度这条属性写在子元素上auto(1 1 auto)none(0 0 auto)...原创 2021-11-19 20:32:26 · 158 阅读 · 0 评论 -
什么是BFC
参考B站大佬视频:带你用最简单的方式理解最全面的BFC_哔哩哔哩_bilibiliBFC的定义:1.BFC属于普通流(即实行行内元素水平排开,块级元素自占一行的规则)2.BFC可以看作元素的一种属性,这个元素内部的子元素的布局不会影响到外面的元素如何触发BFC:以上7点其中任意一个属性都可以触发BFCBFC的优点:1.避免外边距重叠比如相邻的两个块元素A,B margin 都是10px,那么一般来说它们的间距是10px(取两个margin的最大值),如果把AB分别放在有.原创 2021-11-19 20:07:56 · 183 阅读 · 0 评论