随笔分类 -  CSS

水平居中/垂直居中/水平垂直居中总结
摘要：1.1 内联元素水平居中 1.2 块级元素水平居中 1.3.1 多块级元素水平居中-inline-block 1.3.2 多块级元素水平居中-flex 以上水平居中 分割线 以下垂直居中 2.1 单行内联元素垂直居中-line-height 2.2.1 多行内联元素垂直居中-table 2.2.2  阅读全文
posted @ 2018-09-06 16:05 Sun·傲宇 阅读(2034) 评论(0) 推荐(0)
中国传统色彩名录及其RGB值
摘要： 阅读全文
posted @ 2018-06-08 09:54 Sun·傲宇 阅读(1007) 评论(0) 推荐(0)
cssReset
摘要：当今流行的浏览器(如:Firefox、Opera、Internet Explorer、Chrome、Safari等等)中，有一些浏览器以自己的方式去解析CSS，这就会导致不同浏览器解析相同的CSS和html代码显示的页面效果并不是统一，有时甚至会导致页面样式完全乱掉，这属于浏览器的样式兼容性问题。 阅读全文
posted @ 2018-04-28 13:45 Sun·傲宇 阅读(167) 评论(0) 推荐(0)
已知/未知宽高的浮动元素水平居中对齐 和 图片水平垂直居中对齐
摘要：一、已知宽高的浮动元素水平垂直居中对齐 效果： 样式CSS: 1 <style> 2 .parent{ 3 position:relative; 4 border:2px solid #0f0; 5 } 6 .child{ 7 float:left; 8 background-color:#6699 阅读全文
posted @ 2017-08-13 14:22 Sun·傲宇 阅读(248) 评论(0) 推荐(0)
用calc()绘制手机图案解锁的九宫格样式
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>九宫格</title> </head> <style> .squre{ width: 600px; height:600px; border:2px dotte 阅读全文
posted @ 2017-07-28 09:00 Sun·傲宇 阅读(257) 评论(0) 推荐(0)