随笔分类 -  css

less 的几个规则
摘要：1.变量的延迟加载 @var: 0; .class { @var: 1; .brass { @var: 2; three: @var;// 3less延迟加载，先读取完在加载 @var: 3; } one: @var;// 1 } 2.混合 就是将一系列属性从一个规则集引入到另一个规则集的方式 变量 阅读全文
posted @ 2020-10-04 01:24 张_Ning 阅读(525) 评论(1) 推荐(0)
CSS3 新特性总结
摘要：1.边框 border-radius: 1-4 length|% / 1-4 length|%; 每个半径的四个值的顺序是：左上角，右上角，右下角，左下角。若省略左下角，和右上角相同，省略右下角，左上角相同，省略右上角，和左上角相同。 border-top-left-radius: 20px 50p 阅读全文
posted @ 2020-09-24 11:56 张_Ning 阅读(556) 评论(0) 推荐(0)
CSS3 弹性盒子（Flex Box） flex布局总结
摘要：弹性盒子内容 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。 弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。 弹性容器内包含了一个或多个弹性子元素。 注意： 弹性容器外及弹性子元素内是正常渲染的。弹性 阅读全文
posted @ 2020-09-23 16:26 张_Ning 阅读(1830) 评论(0) 推荐(0)
css3选择器总结
摘要：1.基本选择器 通配符选择器 * {margin: 0;} 元素选择器 body {background: #ddd;} 类选择器 .list {border: 1px solid #ccc;} ID选择器 #list {color: #ddd;} 后代选择器 .list li {height: 1 阅读全文
posted @ 2020-09-22 16:46 张_Ning 阅读(182) 评论(0) 推荐(0)
清除浮动的6中方法总结
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>清除浮动</title> <style> /* 1.直接给父元素添加高度 扩展性不好 2.父元素添加overflow: hidden; ie6 7 底下不支持B 阅读全文
posted @ 2020-09-17 17:15 张_Ning 阅读(128) 评论(0) 推荐(0)
页面布局
摘要：1.圣杯布局 <!DOCTYPE html> <html> <!-- 圣杯布局 标准三列布局要求： 1.两边固定 当中自适应 2.当中列要完整显示 3.当中列要优先加载 --> <!-- 知识点 浮动：搭建完整的布局框架 margin 为赋值：调整旁边两列的位置（是三列布局到一行上） 使用相对定位： 阅读全文
posted @ 2020-09-14 22:10 张_Ning 阅读(255) 评论(0) 推荐(0)
css字体间距，字体行与行间距
摘要：letter-spacing: 像素（字母或中文字的左右间距） word-spacing: 像素（两个单词之间的左右间距） line-height: 像素（两行之间的间距） text-decoration: 字体的装饰（删除线等） vertical-align: 垂直上的位置 text-align: 阅读全文
posted @ 2020-08-05 09:49 张_Ning 阅读(1293) 评论(0) 推荐(0)