CSS学习笔记01 CSS简介详解

1、CSS定义 CSS 指层叠样式表 (Cascading Style Sheets),是一种样式表语言,用来描述 HTML 或 XML(包括如 SVG、XHTML 之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等...

CSS学习笔记02 CSS选择器详解

1、通配符选择器 通配符选择器用“*"号表示,是所有选择器中作用范围最广的,能匹配页面中所有的元素 /*设置当前页面中所有标签的颜色为红色*/ * { color: red; } 2、标签选择器 标签选择器就...

CSS学习笔记03 CSS层叠性、继承性、特殊性详解

层叠性 所谓层叠性是指多种CSS样式的叠加,也就是说后面设置的样式会层叠(覆盖)之前的样式,层叠性的前提是CSS的选择器的优先级相同,例如,当使用内嵌式CSS样式表定义<p>标记字号大小为12像素,链入式定义<p>...

CSS学习笔记04 CSS文字排版常用属性详解

字体样式属性 font-size:字号大小 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位。其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。 绝对单位可选参数值:xx...

CSS学习笔记05 display属性详解

HTML标记一般分为块标记和行内标记两种类型,它们也称块元素和行内元素。 块元素 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。并且块级元素容器可以容纳多个嵌套的块级标签或...

CSS学习笔记06 简单理解line-height详解

在制作页面的时候,经常会遇到文本图片需要居中的情况,这时候,只要设置下文本的line-height属性等于包裹该文本的元素的高度即可让文本居中显示了,先来看看这个现象。 1 <!DOCTYPE html> 2 &l...

CSS学习笔记07 盒子模型详解

1、盒子模型 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。 用公式表示就是:盒子=边框+内...

CSS学习笔记08 浮动详解

从CSS学习笔记05 display属性一文中,我们知道div是块元素,会独占一行,即使div的宽度很小,像下面这样 应用display属性的inline属性可以让div与div共享一行,除了这种方法外,还有没有其他方法可以实现这种效...

CSS学习笔记09 简单理解BFC详解

引子 在讲BFC之前,先来看看一个例子 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="...

CSS学习笔记10 相对定位,绝对定位与固定定位详解

文档流中的元素的位置由元素在 (X)HTML 中的位置决定,这就是最原始的普通流,前面讲到的浮动CSS学习笔记08 浮动可以改变元素在文档流中的位置,除了这个我们还可以通过使用CSS的position 属性,来重新决定元素在文档流中的位置。...