随笔分类 -  CSS

元素层叠总结
摘要：重点：在相同的层叠环境及优先级下，inline/inline-block元素的层叠顺序高于block元素。 详解链接： https://www.codercto.com/a/23706.html 本文转载自：https://juejin.im/post/5b876f86518825431079ddd 阅读全文
posted @ 2019-05-30 15:31 路漫漫我不畏 阅读(718) 评论(0) 推荐(0)
元素居中的一种特殊方法
摘要：通过给需要居中的元素加入如下属性：使用此种方法，该元素会相对第一个具有定位环境的父元素居中 示例代码： 阅读全文
posted @ 2019-05-30 00:04 路漫漫我不畏 阅读(170) 评论(0) 推荐(0)
【CSS学习】--- 文本水平对齐属性text-align和元素垂直对齐属性vertical-align
摘要：一、文本水平对齐属性 text-align text-align属性是将块级标签以及单元格里面的内容进行相应的对齐，块级标签里的内联元素会被整体进行移动，而子块级元素或子单元格则会继承父元素的text-align属性。 属性值： 二、元素垂直对齐属性 vertical-align vertical- 阅读全文
posted @ 2019-04-13 22:05 路漫漫我不畏 阅读(5864) 评论(0) 推荐(0)
【CSS学习】--- overflow属性
摘要：一、前言 在网页布局中，未处理的溢出元素绝对算得上是个“毒瘤”。因为如果一个“盒子”周围还有其它元素，而从这个盒子中溢出的元素会和盒子周围的元素发生层叠，并脱离了整个HTML元素，所以我们应当合理使用CSS中的overflow属性来处理溢出的元素。 <!DOCTYPE html> <html lan 阅读全文
posted @ 2019-03-16 12:02 路漫漫我不畏 阅读(896) 评论(0) 推荐(0)
【CSS学习】--- 背景
摘要：一、前言 元素的背景区域包括：元素的内容、内边距和边框区域。 CSS中用于设置背景的属性有： 背景属性默认都不继承。下面我们来逐步学习设置背景的各个属性。 二、背景颜色：background-color background-color 属性为元素设置一种纯色背景。 属性值： 栗子： <!DOCTY 阅读全文
posted @ 2019-03-12 22:53 路漫漫我不畏 阅读(270) 评论(0) 推荐(0)
【CSS学习】--- 文本样式
摘要：一、前言 CSS文本属性可以定义文本的外观。通过文本属性，可以定义文本的颜色、字符间距，对齐文本，装饰文本，对文本进行缩进，等等。 CSS常用的文本属性目录： 下面我们开始逐步学习CSS中的文本样式。 二、文本对齐：text-align text-align 属性只适用于块级元素和单元格元素，使用后 阅读全文
posted @ 2019-03-10 16:42 路漫漫我不畏 阅读(354) 评论(0) 推荐(0)
【HTML笔记】--- 内联元素间距问题及解决方案
摘要：一、内联元素间距问题 在HTML实践中我们会发现，有时候内联元素之间会存在一定的间距，并且这间距和margin和padding无关。这是由编辑时的空白字符引起的，并且间距的大小受父元素的font-size影响。 这和CSS的white-space属性有关，该属性的默认值为normal，normal属 阅读全文
posted @ 2019-03-07 18:27 路漫漫我不畏 阅读(760) 评论(2) 推荐(1)
【CSS学习】--- 字体样式
摘要：一、前言 CSS字体属性可以定义文本的字体系列、大小、加粗、颜色、风格（如斜体）和变形（如小型大写字母）。 CSS的字体属性： 下面我们开始逐步学习CSS中的字体样式。 二、字体系列：font-family 在CSS中有两种不同类型的字体系列名称：通用字体系列，特定字体系列。其中通用字体系列是多个拥 阅读全文
posted @ 2019-03-01 17:34 路漫漫我不畏 阅读(1458) 评论(0) 推荐(1)
【CSS学习】--- float浮动属性
摘要：一、前言 浮动元素以脱离标准流的方式来实现元素的向左或向右浮动，并且浮动元素还是在原来的行上进行浮动的。float浮动属性的四个参数：left：元素向左浮动；right：元素向右浮动；none：默认值，元素不浮动；inherit：继承父元素的float属性值。 举两个栗子 父元素是否注意到自己有个浮 阅读全文
posted @ 2019-02-28 22:59 路漫漫我不畏 阅读(2342) 评论(2) 推荐(1)
【CSS学习】--- z-index属性
摘要：一、前言 网页显示实际上是三维的，我们直观看到的有x轴和y轴，但在网页布局上还有一个z轴。 对于定位元素，我们使用top、right、left、bottom来实现元素在x-y平面上的定位，但为了表示布局的三维立体概念，还引入了z-index，z-index属性用来设置元素的堆叠顺序，拥有更高堆叠顺序 阅读全文
posted @ 2019-02-27 15:30 路漫漫我不畏 阅读(1534) 评论(0) 推荐(1)
【CSS学习】--- position属性
摘要：一、前言 1.HTML中的三种布局方式： 标准流（普通流）：网页中默认的布局方式，即顺序布局 浮动：float 定位：position 2.position属性的作用方式： 给position属性设置相应的值，可使元素脱离正常的标准流，并且可以使用top、right、left、bottom属性对元素 阅读全文
posted @ 2019-02-26 16:01 路漫漫我不畏 阅读(1384) 评论(9) 推荐(0)