随笔分类 -  CSS

CSS 兼容问题
摘要：CSS常见兼容性问题总结 浏览器的兼容性问题通常是因为不同的浏览器对不同的代码有不同的解析造成页面显示不统一的情况，这里的浏览器通常指IE 6,7,8,9... Google Firefox Opera Safari，但更多的情况还是需要处理IE 6,7,8 Firefox的兼容问题。 CSS Ha 阅读全文
posted @ 2019-11-05 14:43 universe-cosmo 阅读(303) 评论(0) 推荐(0)
html 中文占位符
摘要：  => 普通的英文半角空格   =>   =>   => no-break space （普通的英文半角空格但不换行） 　 => 中文全角空格 （一个中文宽度）   =>   => en空格 （半个中文宽度）   阅读全文
posted @ 2019-07-09 14:28 universe-cosmo 阅读(4917) 评论(0) 推荐(0)
CSS3 彩色渐变动效按钮
摘要：<!DOCTYPE html> <html> <head> <title>Crayon Animate</title> <style type="text/css"> body { background-color: #747474; } .yam-don-button { width: 300px 阅读全文
posted @ 2019-06-10 14:46 universe-cosmo 阅读(541) 评论(0) 推荐(0)
CSS3 属性学习
摘要：fill-available表示撑满可用空间（包括高度，宽度）[此处包括padding和margin会尽可能的撑满，只对于行内块（inline-block）和块元素（block）起作用，webkit内核支持。] fit-content表示宽度缩小到内容的宽度 max-content表示用内部元素宽度 阅读全文
posted @ 2019-06-03 20:27 universe-cosmo 阅读(190) 评论(0) 推荐(0)
CSS 手札记
摘要：Display:Block/Flex 宽度如果不定义会尽可能的扩充外层宽度 在内容区域使用高度百分比和固定像素高度的时候外层设overflow:auto;可以把内层的高度撑开，否则外层会比内层短一截 当用百分比作为宽高时 因为百分比是相对于其最近的父元素的宽高，所以首先其父元素要有宽高，宽度一般不设 阅读全文
posted @ 2019-06-03 20:14 universe-cosmo 阅读(221) 评论(0) 推荐(0)
CSS 外边距(margin)重叠及防止方法
摘要：两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果没有正边界，则从零中减去绝对值最大的负边界。注意：相邻的盒子可能并非是由父子关系或同胞关系的元素生成。 但是边界的重叠也有例外情况： 水平边距永远不会重合。 阅读全文
posted @ 2019-06-03 19:49 universe-cosmo 阅读(1141) 评论(0) 推荐(0)
CSS 高度居中方案
摘要：实现高度自适应并且上下居中 <div id="wrap"> <div class="box">DemoSeat</div> </div> <style> #wrap { position: fiexd; top: 0; left: 0; right: 0; bottom: 0; width: 100 阅读全文
posted @ 2019-06-03 18:19 universe-cosmo 阅读(431) 评论(0) 推荐(0)