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