CSS&HTML学习
CSDN_go_die
这个作者很懒,什么都没留下…
展开
-
从浏览器地址栏输入URL到显示页面的步骤(重点)
浏览器解析IP地址(DNS解析)-->TCP三次握手后客户端和服务端会建立通讯关系-->服务端发送HTML\CSS\JS\图片资源-->浏览器拿到资源后开始解析载入HTML,DOM从而达到页面的渲染原创 2021-12-27 15:52:20 · 290 阅读 · 0 评论 -
console.log(0.1+0.2)精度缺失
结果是0.3000000000000000004 在JS里面小数是由十进制转换为二进制计算的,那么二进制也有限制是52位,所以会造成精度缺失原创 2021-11-29 17:25:54 · 454 阅读 · 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 · 101 阅读 · 0 评论 -
xhtml和html的区别(面试简洁版)
有功能和语法两个角度: 功能上区别: XHTML兼容性强 语法上区别: XHTML书写更加严谨,列出其中三条: 1.所有标签必须小写 2.标签必须成对 3.所有属性必须使用双引号原创 2021-11-29 16:50:39 · 97 阅读 · 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 · 187 阅读 · 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 · 477 阅读 · 0 评论 -
什么是浏览器内核及分类(面试简洁版)
浏览器内核其实就是一个代码翻译器 把服务器传过来的HTML CSS JS 代码转换为可视化的文字图片颜色等信息 常见的浏览器内核: safari: webkit Chrome:blink Opera:Presto 火狐:Gecko IE,360,搜狗,腾讯:Trident ...原创 2021-11-25 16:39:14 · 477 阅读 · 0 评论 -
伪类和伪元素的区别(面试简洁版)
伪类:有:active,:hover,:visited这类 伪元素:::before,::after这类 区别:一个单冒号,一个双冒号原创 2021-11-25 16:27:47 · 100 阅读 · 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 · 68 阅读 · 0 评论 -
重绘与重排(面试简洁版)
重排:元素的结构(高度,宽度等)发生变化 重绘:元素的外观(颜色等)发生变化 重排会引起重绘,重绘不会引起重排原创 2021-11-25 09:16:12 · 131 阅读 · 0 评论 -
SPA单页面应用(面试简洁版)
只加载单个HTML页面,如果页面加载完成,就不会再进行页面的加载或者跳转,通过JS动态控制 div的显示与隐藏来实现用户与UI的交互。 优点:前后端分离 缺点:第一次加载耗时比较长原创 2021-11-25 08:54:39 · 168 阅读 · 0 评论 -
px,em,rem,vw/vh的定义与区别
px:像素值 不多赘述 em/rem em是相对于当前像素的font-size 如果font-size是10px, 0.5em就是5px rem是相对于html根元素的font-size vw/vh 全称viewport width/viewport height 1vw/1vh 就是当前设备宽度的1% em/rem 和 vm/vh 精度 vm/vh 精度更高,因为它针对的是视窗大小,但可以忽略不计 ...原创 2021-11-25 08:45:24 · 166 阅读 · 0 评论 -
flex布局基础
参考:一篇文章弄懂flex布局 - 听风是风 - 博客园详细 把能想到的点写一下: 1.兼容性 兼容到IE10以上 2.属性 display: flex justify-content:center 左右居中对齐 align-items:center 上下居中 3.flex:0 1 auto --->放大、缩小、默认宽度 这条属性写在子元素上 auto(1 1 auto) none(0 0 auto) ...原创 2021-11-19 20:32:26 · 176 阅读 · 0 评论 -
什么是BFC
参考B站大佬视频:带你用最简单的方式理解最全面的BFC_哔哩哔哩_bilibili BFC的定义: 1.BFC属于普通流(即实行行内元素水平排开,块级元素自占一行的规则) 2.BFC可以看作元素的一种属性,这个元素内部的子元素的布局不会影响到外面的元素 如何触发BFC: 以上7点其中任意一个属性都可以触发BFC BFC的优点: 1.避免外边距重叠 比如相邻的两个块元素A,B margin 都是10px,那么一般来说它们的间距是10px(取两个margin的最大值),如果把AB分别放在有.原创 2021-11-19 20:07:56 · 202 阅读 · 0 评论