随笔分类 -  CSS

CSS学习笔记（1）
摘要：BFC BFC BFC 全称 Block Formatting Context。 每个渲染区域用formatting context表示，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用 在正常流中的盒子要么属于块级格式化上下文，要么属于内联格式化上下文 BFC的产生 特性 内部的Box会 阅读全文
posted @ 2019-01-30 16:42 庄小威 阅读(163) 评论(0) 推荐(0)
CSS 各种居中方式
摘要：CSS里有很多种居中的方式，自己整理了一些常见的居中方式 水平居中 行内元素水平居中 给行内元素的父级加 text-align:center; 已知块级元素的宽水平居中 设置左右marign的值为auto 垂直居中 行内元素设置行高和父级高度一样 行内的line-height的值和父级的高度相等就可 阅读全文
posted @ 2018-11-08 17:31 庄小威 阅读(6307) 评论(0) 推荐(0)
BFC的概念和解决外边距合并
摘要：BFC的概念 什么是BFC呢？ BFC：块级格式化上下文（Block Formatting Content）是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。 在BFC中，盒子从顶端开始垂直地一个接一个地排列，两个盒子之间的垂直的间隙是由他 阅读全文
posted @ 2018-06-02 20:07 庄小威 阅读(1169) 评论(0) 推荐(0)
CSS有哪几种引入方式
摘要：CSS一共有4种引入方式 外部样式： 通过<link>标记引入外部的css文件（.css）。 这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。这也是最推荐的方式。 格式：<link href=“CSS的 阅读全文
posted @ 2018-06-01 17:38 庄小威 阅读(331) 评论(0) 推荐(0)
块级元素和行内元素的区别，常见的块级元素和行内元素有哪些
摘要：一般来说，html的元素分为两种，即块级元素和行内元素。 块级元素：块状元素排斥其他元素与其位于同一行，可以设定元素的宽（width）和高（height），块级元素一般是其他元素的容器，可容纳块级元素和行内元素。 行内元素：行内元素不可以设置宽（width）和高（height），但可以与其他行内元素 阅读全文
posted @ 2018-05-28 22:40 庄小威 阅读(6099) 评论(0) 推荐(0)
设置line-height:150%和line-height:1.5的区别
摘要：首先先看下line-height属性可能的值： 简单说可以分为带单位的值（line-height:1.5em/line-height:150%/line-height:36px）和不带单位的值（line-height:1.5） 下面分别演示两者的区别： 一. 设置带单位的，后代元素会继承父元素计算后 阅读全文
posted @ 2018-05-27 12:27 庄小威 阅读(704) 评论(0) 推荐(0)