会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Kbin24
博客园
首页
新随笔
管理
上一页
1
2
3
下一页
2019年5月29日
CSS优先级与计算规则
摘要: 1.CSS的计算规则 选择器的特殊性值表述为4个部分,用0,0,0,0表示 2.CSS优先级 一般来说: 内联样式>ID选择器(#id)>属性选择器(a[href=""])=伪类选择器(:hover)>标签选择器(span、p)=伪元素选择器(::before) 但当权级相同时,后面定义的CSS会覆
阅读全文
posted @ 2019-05-29 14:25 Kbin24
阅读(274)
评论(0)
推荐(0)
2019年5月28日
Grid网格布局
摘要: 1.Grid网格布局 基本概念 Grid布局是将容器划分成“行”和“列”,产生单元格,然后指定“项目所在”的单元格,可以看作是二维布局。 采用网格布局的区域,成为 “容器”,容器内部采用网格定位的子元素,成为“项目”容器里面的水平区域称为 行(row),垂直区域称为 列(column)行和列的交叉区
阅读全文
posted @ 2019-05-28 19:20 Kbin24
阅读(300)
评论(0)
推荐(0)
2019年5月25日
CSS单位
摘要: css常见单位 em : 相对于父元素的字体大小,若父元素fon-size为16px,那么1em就为16px rem: 相对于根元素字体大小,若根元素font-size为16px,那么1em就为16px vw : 相对于视窗的宽度:视窗宽度是100vw vh : 相对于视窗的高度:视窗高度是100v
阅读全文
posted @ 2019-05-25 16:46 Kbin24
阅读(209)
评论(0)
推荐(0)
行内元素和块级元素的区别
摘要: 1.常见行内元素和块级元素 (1)行内元素 <span>、<a>、<br>、<b>、<strong>、<img>、<input>、<textarea>、<select>、<sup>、<sub>、<em>、<del> (2)块级元素 <address>、<center>、<h1>~<h6>、<hr>、
阅读全文
posted @ 2019-05-25 16:19 Kbin24
阅读(644)
评论(0)
推荐(0)
2019年5月24日
BFC原理和作用
摘要: 1.BFC定义和布局规则 BFC(Block formatting context)译为“块级格式化上下文”。它是一个独立的渲染区域,只有Block-level box参与,它规定了内部的Block-level如何布局,并且与这个区域外部毫不相干。 BFC布局规则 (1)内部的box会在垂直方向,一
阅读全文
posted @ 2019-05-24 18:39 Kbin24
阅读(955)
评论(0)
推荐(0)
cookie、localStorage和sessionStorage的用法和区别
摘要: 1.cookie (1)什么是cookie cookie是在计算机上存储在小的文本文件中的数据。当web服务器向浏览器发送网页后,连接被关闭,服务器会忘记用户的一切。 cookie就是为了解决‘如何记住用户信息而发明的’ ① 当用户访问网页时,它的名字可以存储在cookie中 ② 下次用户访问该页面
阅读全文
posted @ 2019-05-24 17:13 Kbin24
阅读(2454)
评论(0)
推荐(1)
跨域的产生和解决方式
摘要: 1.跨域的产生, 浏览器为了保证用户信息的安全,防止恶意的网站窃取数据,所以所有浏览器都实行同源政策,而同源所指的是协议相同、域名相同和端口不同,而产生跨域就是因为同源问题,当其中一个不同时,就导致跨域的产生 2.jsonp跨域 jsonp是服务器与客户端跨源通信的常用方法,特点是简单适用,老式浏览
阅读全文
posted @ 2019-05-24 16:25 Kbin24
阅读(1791)
评论(0)
推荐(0)
2019年5月23日
CSS定位
摘要: position的取值主要有如下图: 官方给出的总是不那么容易懂得,所以有了以下简洁易懂的总结: relative:定位是相对于自身位置定位(设置偏移量的时候,会相对于自身所在的位置偏移)。设置了relative的元素仍然处于文档流中,元素的宽高不变,设置偏移量也不会影响其他元素的位置。最外层容器设
阅读全文
posted @ 2019-05-23 23:48 Kbin24
阅读(131)
评论(0)
推荐(0)
CSS清除浮动
摘要: 1.浮动产生的原因 一般来说一个盒子使用了CSS float 浮动属性,导致父级对象盒子不能被撑开,这样浮动就产生了。简单地说,浮动就是因为使用了float属性而产生的 2.浮动产生的负作用 由于浮动产生,如果对父级设置 background背景属性,而父级不能被撑开,所以导致CSS背景不能显示 如
阅读全文
posted @ 2019-05-23 20:55 Kbin24
阅读(148)
评论(0)
推荐(0)
浮动元素水平垂直居中
摘要: 方法一:使用transform属性 方法二:未知父元素高宽 方法三:使用Flex 方法四:使用table-cell,vertical-align:middle
阅读全文
posted @ 2019-05-23 20:17 Kbin24
阅读(2857)
评论(0)
推荐(0)
上一页
1
2
3
下一页
公告