摘要：
考虑点：水平还是垂直；块还是行内；是否需要知道宽高；兼容性 水平居中： 块元素：margin： 0 auto 行内元素，行内块元素：text-align：center 垂直居中： 行内元素：line-height:xxpx 行内块元素：line-height:xxpx；vertical-align： 阅读全文
posted @ 2021-04-21 23:48
#Friday
阅读(63)
评论(0)
推荐(0)
摘要：
垂直方向：line-height 未设置line-height之前的效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * 阅读全文
posted @ 2021-04-19 00:04
#Friday
阅读(134)
评论(0)
推荐(0)
摘要：
都能实现透明的效果 rgba只针对元素的颜色和背景色；opacity针对整个元素 阅读全文
posted @ 2021-04-18 13:36
#Friday
阅读(118)
评论(0)
推荐(0)
摘要：
也称为外边距的重叠（margin collapse） 两个相邻盒子（可以是兄弟关系，也可以是祖先关系），合并为一个外边距，称为外边距重叠。 兄弟关系 计算规则： 两个外边距都是正数，重叠结果是两者较大的 <!DOCTYPE html> <html lang="en"> <head> <title>D 阅读全文
posted @ 2021-04-17 22:42
#Friday
阅读(333)
评论(0)
推荐(0)
摘要：
块级元素独占一行，相邻的行内元素可以和排在一行上 块级元素可以设定宽高，行内元素设定宽高无效 块级元素可以设定内边距，上右下左都有效；行内元素可以设定内边距，左右有效，上下设定后会影响background，但是不参与高度计算。 例子： <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2021-04-17 15:25
#Friday
阅读(243)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-04-17 14:51
#Friday
阅读(112)
评论(0)
推荐(0)
摘要：
reset CSS，旨在用默认样式覆盖浏览器自带的样式，保持各个浏览器的一致性 normalize.css，是reset CSS的升级版，处理方式更加优雅： 保护了部分有价值的自带样式 修复浏览器bug 减少继承链，让调试变得简单 模块化 有详细的文档 阅读全文
posted @ 2021-04-17 14:38
#Friday
阅读(121)
评论(0)
推荐(0)
摘要：
兼容性问题就是相同代码在不同浏览器上行为不一致。 主要的IE兼容性问题都是IE6引起的，但是现在基本要求都是兼容IE8+ IE常见兼容性问题列举： IE6的双边距bug：实际展示出来的margin是200px <!DOCTYPE html> <html> <head> <meta charset=" 阅读全文
posted @ 2021-04-16 22:55
#Friday
阅读(562)
评论(0)
推荐(0)
摘要：
不同浏览器、或者同一浏览器的不同版本对CSS的支持不同 利用这种不同，使得同一段CSS代码可以在不同的浏览器上都能正常展现 条件注释Hack 属性前缀Hack 选择器前缀Hack CSS Hack的策略 放弃IE6/7，兼容IE8/9/10 不再支持Quirks模式 关注：百度统计tongji.ba 阅读全文
posted @ 2021-04-15 23:22
#Friday
阅读(456)
评论(0)
推荐(0)
摘要：
标签选择器 类选择器 id选择器 后代\子代选择器 相邻\兄弟选择器 并集选择器 属性选择器 伪类选择器 伪对象选择器 阅读全文
posted @ 2021-04-11 17:49
#Friday
阅读(45)
评论(0)
推荐(0)
浙公网安备 33010602011771号