随笔分类 -  CSS

CSS学习笔记11 CSS背景
摘要：background-color：背景色 前面我们经常用background-color这个属性来设置元素的背景色，例如下面这条css可将段落的背景色设置为灰色 如果想要元素的背景色向外延伸，则只需增加内边距即可 background-color可以为所有元素设置背景色，这包括 body 一直到 e 阅读全文
posted @ 2017-07-01 12:57 不能差不多 阅读(522) 评论(0) 推荐(0)
CSS学习笔记10 相对定位，绝对定位与固定定位
摘要：文档流中的元素的位置由元素在 (X)HTML 中的位置决定，这就是最原始的普通流，前面讲到的浮动CSS学习笔记08 浮动可以改变元素在文档流中的位置，除了这个我们还可以通过使用CSS的position 属性，来重新决定元素在文档流中的位置。 position 属性值 static：默认的文档流的布局 阅读全文
posted @ 2017-06-30 17:53 不能差不多 阅读(1273) 评论(0) 推荐(1)
CSS学习笔记09 简单理解BFC
摘要：引子 在讲BFC之前，先来看看一个例子 可以看到，块级元素的排列顺序是从上往下，即使所在行的宽度可以容纳多个元素，现在同时给div1与div2添加外边距 本来div1的下边距为50px，div2的上边距为50px，按道理他们之间的距离应为100px才对，可是这里却只有50px了，这是因为在一个块级排 阅读全文
posted @ 2017-06-30 15:14 不能差不多 阅读(445) 评论(0) 推荐(0)
CSS学习笔记08 浮动
摘要：从CSS学习笔记05 display属性一文中，我们知道div是块元素，会独占一行，即使div的宽度很小，像下面这样 应用display属性的inline属性可以让div与div共享一行，除了这种方法外，还有没有其他方法可以实现这种效果呢，答案是肯定的，那就是下面要介绍的CSS的浮动特性，浮动从字面 阅读全文
posted @ 2017-06-29 15:25 不能差不多 阅读(532) 评论(0) 推荐(0)
CSS学习笔记07 盒子模型
摘要：1、盒子模型 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。 用公式表示就是：盒子=边框+内边距+内容区域+外边距 元素框的最内部分是实际的内容，直接包围内容的 阅读全文
posted @ 2017-06-20 21:21 不能差不多 阅读(750) 评论(0) 推荐(1)
CSS学习笔记06 简单理解line-height
摘要：在制作页面的时候，经常会遇到文本图片需要居中的情况，这时候，只要设置下文本的line-height属性等于包裹该文本的元素的高度即可让文本居中显示了，先来看看这个现象。 默认情况下，文本顶在了div的左上角，现在设置下文本的line-height属性 这时候可以看到文本神奇般的居中了，这是为什么呢？ 阅读全文
posted @ 2017-06-20 21:19 不能差不多 阅读(525) 评论(0) 推荐(0)
CSS学习笔记05 display属性
摘要：HTML标记一般分为块标记和行内标记两种类型，它们也称块元素和行内元素。 块元素 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。并且块级元素容器可以容纳多个嵌套的块级标签或者行内标签。常见的块元素有<h1>~<h6>、<p>、<div> 阅读全文
posted @ 2017-06-10 10:01 不能差不多 阅读(635) 评论(0) 推荐(0)
CSS学习笔记04 CSS文字排版常用属性
摘要：字体样式属性 font-size:字号大小 font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。其中，相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。 绝对单位可选参数值：xx-small | x-small | small | medium 阅读全文
posted @ 2017-06-08 22:57 不能差不多 阅读(4550) 评论(0) 推荐(0)
CSS学习笔记03 CSS层叠性、继承性、特殊性
摘要：层叠性 所谓层叠性是指多种CSS样式的叠加，也就是说后面设置的样式会层叠（覆盖）之前的样式，层叠性的前提是CSS的选择器的优先级相同，例如，当使用内嵌式CSS样式表定义<p>标记字号大小为12像素，链入式定义<p>标记颜色为红色，那么段落文本将显示为12像素红色，即这两种样式产生了叠加。 浏览器显示 阅读全文
posted @ 2017-06-07 22:22 不能差不多 阅读(1025) 评论(0) 推荐(0)
CSS学习笔记02 CSS选择器
摘要：1、通配符选择器 通配符选择器用“*"号表示，是所有选择器中作用范围最广的，能匹配页面中所有的元素 2、标签选择器 标签选择器就是选择当前页面中相同名字的标签 3、ID选择器 id选择器使用"#"进行标识，后面紧跟id名 注意HTML标签中ID的属性值在一个页面中必须是唯一的（是W3C规范而不是硬性 阅读全文
posted @ 2017-06-06 22:29 不能差不多 阅读(1096) 评论(0) 推荐(0)
CSS学习笔记01 CSS简介
摘要：1、CSS定义 CSS 指层叠样式表 (Cascading Style Sheets)，是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。 2、为何使用CSS 网 阅读全文
posted @ 2017-06-04 19:15 不能差不多 阅读(436) 评论(0) 推荐(0)