摘要: rem:相对于页面根元素<html>元素,通常做法是给html元素设置一个字体大小,然后其他元素的大小就是相对于根元素的大小 em:相对于父元素字体大小,元素的width/height/padding/margin用em的话是相对于该元素的font-size vw/vh:视窗的宽度和高度,相对于屏幕 阅读全文
posted @ 2019-10-14 17:07 lanyouzixingxing 阅读(4482) 评论(0) 推荐(1) 编辑
摘要: 水平居中: 行内元素:text-align:center; 块级元素:magin:0 auto; 子元素设置:position:absolute; left:50%; transform:translateX(-50%); 父元素设置:display:flex; justify-content:ce 阅读全文
posted @ 2019-10-14 16:53 lanyouzixingxing 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 原子性:记录之前的版本,允许回滚 一致性:事务开始和结束之间的中间状态不会被其他事务看到 隔离性:适当的破坏一致性来提升性能与并行度 例如:最终一致~=读未提交。 持久性:每一次的事务提交后就会保证不会丢失 阅读全文
posted @ 2019-10-14 10:08 lanyouzixingxing 阅读(1453) 评论(0) 推荐(0) 编辑
摘要: 常见块级元素:<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li> 特点:块级元素独占一行 高度,宽度,内边距,外边距都可以设置 宽度默认是容器的100% 可以容纳其他内联元素和块级元素 常见行内元素:<a>,<em>,<strong>,<b>,<span>,<del> 特点: 和相 阅读全文
posted @ 2019-10-14 09:43 lanyouzixingxing 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 1、CSS盒子模型 所有的HTML元素都可以看做盒子,包括:实际内容(content),内边距(padding),边框 (border),外边距(margin)四个属性 2、标准盒子模型和IE盒子(怪异)模型 盒子的实际内容content的width/height=我们设置的width/height 阅读全文
posted @ 2019-10-14 09:31 lanyouzixingxing 阅读(306) 评论(0) 推荐(0) 编辑
摘要: @support:用于检测浏览器是否支持CSS某个属性,即条件判断,如果支持某个属性,可以写一套样式,如果不支持某属性,提供另一套样式作为替补。 calc():用于计算动态函数值,支持“+”,“-”,“*”,“/”运算 @media:针对不同的媒体类型定义不同的样式 阅读全文
posted @ 2019-10-14 08:53 lanyouzixingxing 阅读(2376) 评论(0) 推荐(1) 编辑