2020年2月5日

CSS（12）CSS 布局 - 水平 & 垂直对齐

摘要： 一、元素居中对齐：margin: auto 要水平居中对齐一个元素div， 可以使用 margin: auto;。 设置到元素的宽度将防止它溢出到容器的边缘。 元素通过指定宽度，并将两边的空外边距平均分配： div 元素是居中的 .center { margin: auto; width: 50%; border: 3px so... 阅读全文

posted @ 2020-02-05 18:56 springsnow 阅读(292) 评论(0) 推荐(0)

CSS（11）CSS浮动和清理

摘要： 一、浮动浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。1、请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：2、再请看下图，当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中，所以它不占据... 阅读全文

posted @ 2020-02-05 18:20 springsnow 阅读(284) 评论(0) 推荐(0)

CSS（10） Position(定位)

摘要： 一、position 属性 指定了元素的定位类型。 position 属性的五个值： static relative fixed absolute sticky 元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。 1、static 定位 HTML 元素的默认值... 阅读全文

posted @ 2020-02-05 18:16 springsnow 阅读(305) 评论(0) 推荐(0)

CSS（09）CSS外边距margin合并

摘要： 外边距margin合并：当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。折叠的结果两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。两个外边距一正一负时，折叠结果是两者的相加的和。产生折叠的原因 而根据w3c规范，两个margin是邻接的必须满足以下条件 1、必须是处... 阅读全文

posted @ 2020-02-05 17:58 springsnow 阅读(359) 评论(0) 推荐(0)

CSS（08）边框与圆角

摘要： 一、CSS 边框CSS边框属性允许你指定一个元素边框的样式和颜色。1、边框样式:border-style边框样式属性指定要显示什么样的边界。 border-style属性用来定义边框的样式none: 默认无边框dotted: 定义一个点线边框dashed: 定义一个虚线边框solid: 定义实线边框double: 定义两个边框。 两个边框的宽度和 border-width 的值相同groove:... 阅读全文

posted @ 2020-02-05 16:35 springsnow 阅读(534) 评论(0) 推荐(0)

CSS（07）框模型

摘要： 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。一、CSS 框模型概述元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距... 阅读全文

posted @ 2020-02-05 15:24 springsnow 阅读(302) 评论(0) 推荐(0)

CSS（06）列表、表格和光标

摘要： 一、列表在HTML中，有两种类型的列表：无序列表 - 列表项标记用特殊图形（如小黑点、小方框等）有序列表 - 列表项的标记有数字或字母使用CSS，可以列出进一步的样式，并可用图像作列表项标记。1、不同的列表项标记list-style-type属性指定列表项标记的类型是：ul.a {list-style-type: circle;}ul.b {list-style-type: square;} o... 阅读全文

posted @ 2020-02-05 15:23 springsnow 阅读(272) 评论(0) 推荐(0)

CSS（05）字体

摘要： CSS字体属性定义字体，加粗，大小，文字样式。 一、所有CSS字体属性 font：在一个声明中设置所有的字体属性 font-family：指定文本的字体系列 font-size：指定文本的字体大小 font-style：指定文本的字体样式 font-variant：以小型大写字体或者正常字体显示文本 阅读全文

posted @ 2020-02-05 15:21 springsnow 阅读(239) 评论(0) 推荐(0)

CSS（04）文本

摘要： 一、CSS文本属性 color：设置文本颜色 direction：设置文本方向。 letter-spacing：设置字符间距 line-height：设置行高 text-align：对齐元素中的文本 text-decoration：向文本添加修饰 text-indent：缩进元素中文本的首行 te 阅读全文

posted @ 2020-02-05 12:46 springsnow 阅读(233) 评论(0) 推荐(0)

CSS（03）背景

摘要： CSS 背景属性用于定义HTML元素的背景。所有背景属性都不能继承。background：简写属性，作用是将背景属性设置在一个声明中。background-color：设置元素的背景颜色。background-image：把图像设置为背景。background-repeat：设置背景图像是否及如何重复。background-attachment：背景图像是否固定或者随着页面的其余部分滚动。back... 阅读全文

posted @ 2020-02-05 10:48 springsnow 阅读(225) 评论(0) 推荐(0)

CSS（02）CSS选择器

摘要： 一、元素（类型）选择器 最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。 如果设置 HTML 的样式，选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身： html {color:black;} h1 {color:blue;} h2 {color:silver;} 亲自试一试 在 W3C 标准中，元素选择器又称... 阅读全文

posted @ 2020-02-05 09:49 springsnow 阅读(240) 评论(0) 推荐(0)

导航