前端篇--------1.css学习笔记

1.css 单行文本换行溢出解决方案（css三件套）

white-space:nowrap
overflow:hidden
text-overflow:ellipsis

2.css margin塌陷问题（父子节点时，margin-top不起作用）

具有bfc的元素我们可以抽象的理解成为隔离了的独立容器，满足以下任何条件都可以触发bfc:
绝对定位元素 position 为 absolute、fixed
display 为inline-blocks,table-cells,table-captions
overflow 为 hidden,auto,scroll

3.absolute一般伴随这 relative用，以relative为参照物，absolute物体围绕着该物体便宜。
两者的都是决定定位，区别是：absolute是偏移原来的位置定位，relavtive则是保留原来的占位符进行浮动。

CSS学习笔记

1.word-wrap 允许文本强制换行的属性。
2.column-count 直接对文本进行多列显示.
3.column-gap 规定多列之间的间隔
3.column-rule 设置多列之前的间隔属性。

前端篇--------1.css学习笔记相关推荐

Web前端开发之CSS学习笔记11—文本格式和动画设计
目录 1.文本对齐text -align 2.保留空白字符white-space 3.设置文本方向direction 4.设置文本缩进text-indent 4.设置字符间距letter-spacin ...
Web前端开发之CSS学习笔记8—居中和自适应
目录 1.居中 1.1水平居中 1.2垂直居中 2.单列布局自适应 3.双列布局自适应 3.1双列自适应 3.2半边固定半边自适应 3.三列布局自适应 3.1浮动法 3.2绝对定位法 3.3margi ...
Web前端开发之CSS学习笔记10—栅格布局（网格布局）
目录 [网格布局grid] 1.网格布局的构成 2.父容器grid container 3.生成网格容器 display:grid/inline-grid 4.构建网格 grid-template-c ...
Web前端开发之CSS学习笔记3—颜色和背景
目录 1.CSS的颜色表达 1.1前景色color 1.2背景色background-color 2.背景 2.1 background-image:url()设置背景图; 2.2 backgroun ...
前端小白的css学习笔记——简介、选择器、字体属性和文本属性（最后有思维导图哦）
简介 css是层叠样式表的(Casading Style Sheets)的简称.有时会成为css样式表或级联样式表.用来美化HTML,让网页更漂亮,布局更简单.使结构(HTML)和样式(css)相 ...
Web前端 html css学习笔记（更新）
HTML CSS学习笔记 2021/9/29 网页简介 HTML简介第一个网页自结束标签和注释文档声明进制字符编码完整的文档结构 2021/9/30 VScode安装及使用实体 meta ...
HTML+CSS学习笔记(2) - 认识标签（1）转载
HTML+CSS学习笔记(2) - 认识标签(1) 1.语义化,让你的网页更好的被搜索引擎理解 http://www.cnblogs.com/wanglongshuai/p/5204070.html@ ...
react render没更新_web前端教程分享React学习笔记（一）
web前端教程分享React学习笔记(一),React的起源和发展:React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写 ...
《疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践》学习笔记
<疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践>学习笔记二〇一九年二月十三日星期三2时28分54秒前提:本书适合有初步HTML.CSS.JavaScri ...

前端篇--------1.css学习笔记

前端篇--------1.css学习笔记相关推荐

最新文章

热门文章