html/css
文章平均质量分 77
被操作的年轻人
这个作者很懒,什么都没留下…
展开
-
HTML5缓存(localStorage与sessionStorage)
一、简介 比cookie更好的本地存储方式 在html5之前,本地存储使用cookie,但是存储大小只有4k,并且解析也很复杂,不利于开发。于是html5给出了解决方案——两个在客户端存储数据的对象: window.localStorage:可以长期存储数据(存储在硬盘中),没有截止日期,直到手动去除。可以多窗口共享,但是不能跨浏览器。 window.sessionStorage:用于临时保存数据,在关闭窗口或标签页时将会删除这些数据。同一个窗口下数据可共享(在当前页面下可以获取到数据,换一个...原创 2021-01-28 22:10:53 · 358 阅读 · 0 评论 -
css3
一、css3简介 升级的css2,多了动画,选择器,多列布局之类 二、css3边框 圆角 /*border-radius: 10px 20px 30px 40px; /!*左上 右上 右下 左下*!/*/ /*border-radius: 10px 20px 30px; */ /*border-radius: 20px 40px;*/ /*border-radius: 20px;*/ /*border-top-left-radius: 20px;*/ 边界图片 /*borde...原创 2021-01-19 01:14:51 · 218 阅读 · 0 评论 -
多列布局如何实现?
前言 多列布局实现的效果图为: 实现的方法如下 一、浮动加百分数平分 .col { float: left; width: 25%; height: 300px; } .col1 { background-color: blue; } .col2 { background-col...原创 2020-11-20 16:58:51 · 498 阅读 · 0 评论 -
导致页面布局混乱的几个元凶
一、盒子模型塌陷 盒子模型塌陷:子元素设置外间距margin-top,导致父元素连带向下,如下图 代码如下: * { margin: 0; padding: 0; } .box1 { width: 300px; height: 300px; background-color: #0077aa; /*border-top:原创 2020-11-10 11:07:28 · 1276 阅读 · 0 评论 -
css居中怎么做
文章目录 一、行内元素的水平居中 二、块级元素的水平居中 三、行内元素的垂直居中 四、块级元素的垂直居中 五、块级元素的水平垂直居中 一、行内元素的水平居中 处于块级元素包裹中的行内元素,其水平居中可在其父元素中使用text-align:center,代码如下: #block-inline { text-align: center; } <div id="block-inline"> <span>我是s.原创 2020-11-07 21:34:44 · 781 阅读 · 1 评论 -
你知道display这几个属性值(block, inline, inline-block, none, table-cell, list-item)之间的区别吗
前言 你知道display这几个属性值(block, inline, inline-block,none, table-cell, list-item)之间的区别吗 使用display:block属性的元素具有以下特征: 元素成为块级元素,独占一行,拥有宽高 不设置宽度时,宽度为父元素宽度 使用display:inline属性的元素具有以下特征: 元素成为行内元素,非独占一行,无法设置宽高 由内容撑开宽度 使用display:inline-block属性的元素具有以下特征: ...原创 2020-10-28 10:58:14 · 656 阅读 · 0 评论 -
css选择器及其优先级
css选择器种类繁多,在这里对常用的css选择器及其优先级加以总结。因初学,所以难免有不对的地方,欢迎大家指正 1.通配符选择器(*) 2.标签选择器(标签名) 3.类选择器(.类名) 4.id选择器(#id) 5.组合选择器 (1)后代选择器(空格) (2)子元素选择器(>) (3)相邻兄弟选择器(+) (4)后续兄弟选择器(~) 6.分组选择器(,) ...原创 2020-10-19 23:21:55 · 781 阅读 · 0 评论 -
html5
一、html5简介 html5是html4的升级版,html5的设计目的是为了在移动设备上支持多媒体,它对于移动端和pc端均适用。html5与html4的区别是html5语义化更明确 二、html5Canvas canvas元素用于在网页上绘制图形 三、html5SVG 什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺...原创 2021-01-18 11:33:10 · 148 阅读 · 0 评论