CSS
白格
主要用于学习笔记记录
展开
-
flex基本属性小总结
1. 伸缩容器 display 语法 display: flex | inline-flex flex: 块伸缩容器 inline-flex:内联伸缩容器 注意:float,clear,vertical-align在伸缩项目上没有效果 2. 伸缩流方向 flex-direction 主要用来定义主轴,从而定义了伸缩项目在容器中的伸缩方向 语法 flex-direction: row | ...原创 2019-04-11 16:12:18 · 197 阅读 · 0 评论 -
线性渐变—发廊灯/扫描灯
学习线性渐变时敲的两个效果 1. 发廊灯 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>灯</title> <style> *{ padding: 0;margin: 0; } html,...原创 2019-04-11 16:29:52 · 335 阅读 · 0 评论 -
文本溢出&内容溢出
溢出文本 text-overflow 语法 text-overflow:clip | ellipsis clip:不显示省略标记... ellipsis:显示省略标记,插入在最后一个字符 三个条件 需要结合强制文本在一行white-space:nowrap 和溢出内容隐藏over-flow:hidden使用 并且需要定义内容宽度width 示例 clip: text-overflo...原创 2019-04-11 16:49:09 · 1714 阅读 · 0 评论