CSS
关注
分享
扫一扫
CSS学习
有名呀
加油！
展开
-
CSS—浮动
【内容】1.CSS布局的三种机制CSS提供了3种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位。普通流：（1）块级元素独占一行，从上向下顺序排列。常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table。（2）行内元素按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行。常用元素：span、a、i、em等浮动：让盒子从...原创 2019-12-28 16:50:48 · 443 阅读 · 25 评论 -
CSS—定位
【内容】1.定位将盒子定在某一个位置，自由的漂浮在其他盒子的上面。CSS离不开定位。记忆法：标准流在最底层（海底），浮动的盒子在中间层（海面），定位的盒子在最上层（天空）。2.定位组成定位也是用来布局的，有两部分组成：定位=定位模式+边偏移。（1）边偏移我们定位的盒子，是通过边偏移来移动位置的。在CSS中，通过top、bottom、left和right属...原创 2019-12-29 14:54:36 · 334 阅读 · 26 评论 -
CSS—盒子模型
【内容】1.盒子模型就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。相关概念：盒子模型有元素的内容、边框（border）、内边距（padding）和外边距（margin）组成。盒子里面的文字和图片等元素是内容区域。盒子的厚度我们称为边框。盒子内容与边框的距离是内边距（类似单元格的cellpadding）。盒子与盒子之间的距离是外边...原创 2019-12-28 10:43:13 · 1238 阅读 · 25 评论 -
CSS—行高、背景属性、三大特性
【前言】今天来总结CSS的3个知识点：行高、背景相关的属性、三大特性：层叠性、继承性和优先级。【内容】1.行高（1）行高如何测量？上一行的基线到下一行的基线。（2）单行文本垂直居中让单行文本在盒子中垂直居中对齐。（3）如何实现单行文本垂直居中？让文字的行高等于盒子的高度。（4）行高 = 上距离 + 内容高度 + 下距离（5）行高与高度的三种关系：...原创 2019-12-18 20:04:32 · 324 阅读 · 19 评论 -
CSS—复合选择器、标签的显示模式及转换
【前言】今天来总结一下复合选择器和标签的显示模式以及它们之间的转换。【内容】1.CSS复合选择器目的：为了可以选择更准确更精细的目标元素标签。复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的。（1）后代选择器（包含选择器）作用：用来选择元素或元素组的子孙后代。语法如下：写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，先写父亲爷爷，在...原创 2019-12-18 10:56:05 · 266 阅读 · 10 评论 -
CSS—初识
【前言】HTML的局限性在于它只关心结构、语义、页面内容，而更好看的样式是还需要CSS来完成。下面就来认识一下CSS吧！【了解】1.CSS能达到什么效果？可以让我们的网页更加丰富多彩，布局更加灵活自如。2.CSS能做出什么贡献？可以让HTML从样式中脱离，实现了HTML专注去做结构呈现，样式交给CSS。3.引进CSS，我们想要什么样的结果？让结构（html）与样式（...原创 2019-12-17 16:12:17 · 621 阅读 · 10 评论