随笔分类 -  CSS

摘要:概念 又称网格布局,它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。其子元素的float、display:inline-block、display:table-cell、vertical-align和column-*等设置都将失效。采用grid布局的元素,称为容器,其子元素称为 阅读全文
posted @ 2020-05-16 16:58 把我当做一棵树叭 阅读(224) 评论(0) 推荐(0)
摘要:css单位 px:像素,相对于显示器屏幕分辨率 em:相对于当前元素的font-size rem:相对于html根元素。html{font-size:62.5%} vw:视窗宽度的1% vh:视窗高度的1% 渐进增强,优雅降级 渐进增强:一开始针对低版本浏览器进行构建,完成基本功能,然后逐步添加那些 阅读全文
posted @ 2020-02-06 21:56 把我当做一棵树叭 阅读(155) 评论(0) 推荐(0)
摘要:Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能 css功能扩展 1嵌套规则 .css1{ .css2{} } 2属性嵌套 .funk 阅读全文
posted @ 2020-01-14 17:57 把我当做一棵树叭 阅读(440) 评论(0) 推荐(0)
摘要:css层叠样式表 注释 /*这是注释*/ 插入样式表 1.外部样式表 <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> 2.内部样式表 <style> hr {color:sienna;} p {mar 阅读全文
posted @ 2020-01-02 16:03 把我当做一棵树叭 阅读(211) 评论(0) 推荐(0)
摘要:边框 border-radius圆角边框 四个值: 第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。 三个值: 第一个值为左上角, 第二个值为右上角和左下角,第三个值为右下角 两个值: 第一个值为左上角与右下角,第二个值为右上角与左下角 一个值: 四个圆角值相同 box-sh 阅读全文
posted @ 2019-12-30 21:23 把我当做一棵树叭 阅读(279) 评论(0) 推荐(0)