![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
CSS
Bridge_go
这个作者很懒,什么都没留下…
展开
-
CSS:position(定位)
position 属性指定了元素的定位类型。 position 属性的五个值: static relative fixed absolute sticky 元素可以使用的顶部(top),底部(bottom),左侧(left)和右侧(right)属性定位。然而,这些属性无法工作,除非是先设定position属性。他们也有不同的工作方式,这取决于定位方法。 static 定位 HTML 元素的默认值,即没有定位,遵循正常的文档流对象。 静态定位的元素不会受到 top, bottom, l.原创 2020-07-18 11:19:27 · 232 阅读 · 0 评论 -
CSS单位
CSS 有几个不同的单位用于表示长度: 一些设置 CSS 长度的属性有 width, margin, padding, font-size, border-width, 等。 长度有一个数字和单位组成如 10px, 2em, 等。 数字与单位之间不能出现空格。如果长度值为 0,则可以省略单位。 对于一些 CSS 属性,长度可以是负数。 有两种类型的长度单位:相对和绝对。 绝对长度 绝对长度单位是一个固定的值,它反应一个真实的物理尺寸。绝对长度单位视输出介质而定,不依赖于环境(显示...原创 2020-07-10 11:04:56 · 110 阅读 · 0 评论 -
CSS:margin 和 padding
margin 设置元素的外边距。 margin简写属性在一个声明中设置所有外边距属性。该属性可以有1到4个值。 margin: 5px; 使用一个值,这个值就会应用于全部四个边。 margin: 5px 9px; 使用两个值,则前一个值会应用于上下两边,后一个值会应用于左右两边。 margin: 5px 9px 11px; 使用三个值,则第一个值会应用于上边,第二个值会应用...原创 2020-07-09 18:09:21 · 240 阅读 · 0 评论 -
CSS控制元素的显示类型和可见性
元素的显示类型 块级元素:元素显示在单独的行(如 h1 ~ h6、 p 等) 行内元素/内联元素:元素显示在行内(如 em、 strong、 cite 等) 造成这种情况的本质是它们的 display 属性,即块级元素被设置为 display: block(对于 li 元素为 display: list-item),而行内元素被设置为 display: inline。 display可设置的值: 值 描述 none 此元素不会被显示。 block 此元素将显示为块级元..原创 2020-07-09 15:56:38 · 492 阅读 · 0 评论 -
CSS盒模型
CSS 处理网页时,它认为每个元素都包含在一个不可见的盒子里。这就是众所周知的盒模型,这里的盒子由内容区域、内容区域周围的空间(内边距(padding))、内边距的外边缘(边框(border))和边框外面将元素与相邻元素隔开的不可见区域(外边距(margin))构成,参见下图。这类似于挂在墙上的带框架的画,其中图画是内容,衬边是内边距,框架是边框,而该画框与相邻画框之间的距离则是外边距。 每个元素的盒子都有一些决定该元素所占空间及其外观的要素。可以使用 CSS 分别控制各个要素。注意,...原创 2020-07-09 14:53:51 · 111 阅读 · 0 评论 -
CSS:background
background (背景) 值 说明 CSS background-color 指定要使用的背景颜色 1 background-position 指定背景图像的位置 1 background-size 指定背景图片的大小 3 background-repeat 指定如何重复背景图像 1 background-origin 指定背景图像的定位区域 3 background-clip 指定背景图像的绘.原创 2020-07-08 10:17:38 · 303 阅读 · 0 评论 -
CSS的优先级顺序
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> p { background-color: yellow !important; } /*1.!important 优先级最高*/ #p1 { background-color: blue; } .原创 2020-07-02 10:50:24 · 456 阅读 · 0 评论 -
CSS各式选择器记录
element,element h1, p { background-color: yellow; } <h1>Welcome</h1> <p>Hello</p> PS:也可以是(element,.class) (.class,.class)组合 elementelement div p { background-color...原创 2020-07-07 09:19:44 · 164 阅读 · 0 评论 -
CSS各式选择器
* * { color: red; } --会给引用该CSS的HTML页中所有元素都设置该属性 .p1.p2 .p1 { color: red; } .p2 { border: 2px solid #555555; } .p2.p1 { color: green; } --p1,p2的顺序可以任意,甚至可以缺少一个 <p class='p1 p2'>hello</p> --就会拥有 p1,p2,.p2.p1所有的属性 ...原创 2020-07-01 15:49:42 · 113 阅读 · 0 评论 -
CSS构造块
样式表中的每条规则都有两个主要部分:选 择 器(selector) 和 声 明 块(declarationblock)。 选择器:决定哪些元素受到影响; 声明块:由一个或多个属性 - 值对(每个属性 -值对构成一条声明, declaration)组成 样式规则由选择器(表示将对哪些元素进行格式化)和声明块(描述要执行的格式化)组成。声明块内的每条声明都是一个由冒号隔开、以分号结尾的属性 - 值对。声明块以前花括号开始,以后花括号结束。 声明的顺序并不重要,除非对相同的属性定义了两次...原创 2020-07-01 10:49:58 · 144 阅读 · 0 评论