HTML&CSS
文章平均质量分 62
番茄味姜糖
这个作者很懒,什么都没留下…
展开
-
面试题准备(二十八):cookie、localStorage 和 sessionStorage
概述cookielocalStoragesessionStorage大小4Kb10MB5MB兼容H4、H5H5H5访问任何窗口任何窗口同一窗口有效期手动设置无到窗口关闭存储位置浏览器和服务器浏览器浏览器与请求一起发送是否否语法复杂简易简易HTTP 无状态两次连接同一个服务器,服务器意识不到是同一个用户发送的请求这种缺少状态的方式意味着每次连接服务器都需要传输一部分用户信息,降低了传输的效率原创 2022-03-04 16:48:25 · 241 阅读 · 0 评论 -
面试题准备(二十七):HTTP 超文本传输协议
文章目录概述发展HTTP/0.9请求过程特点HTTP/1.1请求请求行请求头空行请求体响应状态行请求头空行响应体请求方法响应状态码概述超文本传输协议(Hyper Text Transfer Protocol,HTTP)HTTP 是客户端与服务端通信必须遵守的传输协议客户端要以 HTTP 协议要求的格式把数据提交到服务器服务器要以 HTTP 协议要求的格式把数据响应给客户端发展HTTP/0.9需求是仅用于传输简单的 HTML 文件请求过程根据 IP 地址、端口和服务器建立 T原创 2022-03-04 10:54:29 · 2775 阅读 · 0 评论 -
面试题准备(二十六):form 表单
原创 2022-03-04 00:28:32 · 881 阅读 · 0 评论 -
面试题准备(二十五):浏览器页面渲染流程
1. 浏览器请求 HTML 文件,返回后开始解析,构建 DOM2. 遇到请求 CSS 的 link 标签开始请求和解析 CSS,构建 CSSOM,同时继续解析 HTML3. 遇到请求 js 的 script 标签,请求和解析 js 文件并阻塞 HTML 文件的解析4. js 文件和 CSS 文件的返回时间无法确定,但 js 代码的运行要在构建完 CSSOM 之后5. CSSOM 构建完毕开始运行 js,js 将操作 DOM 和 CSSOM6. js 操作完毕继续解析 HTML文件构建 DOM原创 2022-03-03 13:57:05 · 246 阅读 · 0 评论 -
面试题准备(二十四):行级元素、块级元素
行级/内联元素,内容决定元素所占位置,不可通过 CSS 改变高,可通过内外边距改变宽,块级元素独占一行,可通过 CSS 改变宽高原创 2022-03-03 08:59:00 · 135 阅读 · 0 评论 -
面试题准备(二十三):使盒子水平垂直居中的五种方法
介绍了 div 盒子居中的五种方法,其中需要设置子元素宽高的有 第二种 定位 + 负边距 第四种 定位 + 外边距自适应原创 2022-03-02 12:03:52 · 1577 阅读 · 1 评论 -
面试题准备(二十二):浮动 float
> 浮动的作用是使元素站队> 浮动元素产生浮动流> 含有浮动流的元素,会被块级元素忽略> 浮动元素可被 BFC,行内元素观察到原创 2022-03-02 11:01:18 · 246 阅读 · 0 评论 -
面试题准备(二十一):圣杯布局、双飞翼布局
- 圣杯布局和双飞翼布局,都是事先三栏布局的方式,区别在于如何为左右两栏的元素预留位置,以及如何让左右两栏归位- 预留位置:圣杯布局使用中间三个元素的父元素盒子设置左右两侧内边距的方式,而双飞翼布局是使中间内容元素为左右两侧设置外边距- 归位:使用负边距 margin-left: -width; 方式,使元素左移到指定位置原创 2022-03-01 22:12:21 · 336 阅读 · 0 评论 -
面试题准备(二十):CSS 样式权重
1. 常用选择器优先级:!important > id > class > tag2. 两条样式同时使用 !important 权重高者生效3. 同一个样式,靠后的生效4. 选择器指向同一个元素,权重相同时,按就近原则渲染5. 选择器指向不同元素,按就近原则渲染选择器权重!importantInfinity行间样式1000id100class|属性|伪类10标签|伪元素1通配符0原创 2022-03-01 19:16:02 · 196 阅读 · 0 评论 -
面试题准备(十七):伪类、伪元素
伪类和伪元素,这一类选择器的数量众多,通常用于很明确的目的伪类用来对用户的某种行为来进行元素选择,而伪元素是在该元素周围以某种方式创建一个元素进行操作,或者选取该元素的某一部分进行操作原创 2022-02-27 10:32:47 · 152 阅读 · 0 评论 -
面试题准备(十六):CSS 选择器 selector
概念用于在页面中选取我们想要更改样式的元素分类简单选择器:元素选择器、类选择器、ID选择器、通用选择器(通配符选择器)、组合选择器属性选择器伪类、伪元素简单选择器元素选择器用元素的名称进行选择元素div { ...}button { ...}类选择器根据元素的类名选择元素.wrapper { ...}.content { ...}ID 选择器根据元素的 id 选择元素#user { ...}#name { ...}通用选原创 2022-02-26 18:22:28 · 214 阅读 · 0 评论 -
面试题准备(十五):定位 position
- 文档流就是将元素放在浏览器视窗中的系统,可将放在里面的元素笼统的分为行级元素和块级元素- 所谓定位,就是使得元素脱离文档流进行放置的属性- 静态定位是元素的默认定位方式- 相对定位是相对于原来位置进行定位,虽然元素脱离了原来的位置,但它原来的位置并不会被其它元素占据- 绝对定位脱离原来位置进行定位,元素在离开原来位置后,其位置会被顺延至下一个元素- 固定定位根据视窗进行定位,常用于制作导航栏- z-index 可以确定重叠元素的排列顺序原创 2022-02-26 17:40:01 · 412 阅读 · 0 评论 -
面试题准备(十四):BFC 块级格式化上下文
BFC 即块级格式化上下文,简单来说就是形成自我的小天地,小天地内的元素与外界元素互不干扰,且有特殊的规则,即在与浮动有重叠时,它将把自己变窄,计算高度时,也会将内部子级元素的高度计算进去原创 2022-02-26 16:06:21 · 237 阅读 · 0 评论 -
面试题准备(十三):盒子模型
介绍了标准盒模型和 IE 盒模型,分析了盒子模型的两个缺陷/bug:margin 塌陷和 margin 合并,并给出了解决办法原创 2022-02-25 22:21:08 · 1087 阅读 · 0 评论