随笔分类 - CSS
摘要:**可以用一个自然高度的容器吗?**给容器加上相等的上下内边距让内容居中。 **容器需要指定高度或者避免使用内边距吗?**对容器使用 display:table-cell 和 vertical-align:middle。 **可以用 Flexbox 吗?**如果不需要支持 IE9,可以用 flexb
阅读全文
摘要:需求:一段文本,不定长,需要在页面中有展开按钮,假如它少于固定行,展示按钮不可见,假如多于固定行,则出现按钮,点击后,显示全部长度。 ### html 部分 ```html {{ BookInfo.book_intro }} --展开-- ``` 首先定义两个样式类,一个是展开后高度自适应的情况,一
阅读全文
摘要:## Margin 塌陷 ``` ``` 在这两个父子级块级元素的 css 定义中,其垂直 margin 是取父子元素中的最大值,而不是相对父级块的 margin。 要解决这个塌陷问题,要用到 bfc(块级格式化上下文)改变父级的渲染规则。 #### 如何触发一个盒子的 bfc 1. positio
阅读全文
摘要:1、多行文本溢出隐藏 ```css div{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; //
阅读全文
摘要:## 一、如何创建 CSS 1. 内联样式:也叫**行间样式**在标签后面写上 style={...}就可以,但仅限于这个标签产生样式作用 2. 内部样式表:当单个文档需要特殊的样式时,就应该使用内部样式表。可以使用`` 标签在文档头部定义内部样式表. 3. 外部样式表:在 html 的 head
阅读全文
摘要:第一章:层叠、优先级和继承 1.优先级:!important>行内样式>id 选择器>类选择器>标签选择器 2.两条经验法则:选择器少用 id;少用!important。 3.使用 inherit 属性使元素属性继承自父元素,方便修改。 4.使用简写属性的时候会默认给细化的属性赋默认值,如标签 h1
阅读全文