![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS基础
文章平均质量分 79
小胡学前端-
这个作者很懒,什么都没留下…
展开
-
清除浮动的四种方式
父级添加overflow方法: 可以通过触发BFC的方式,实现清楚浮动效果。必须定义width或zoom:1,同时不能定义height,使用overflow:hidden时,浏览器会自动检查浮动区域的高度优点: 简单、代码少、浏览器支持好缺点: 内容增多时候容易造成不会自动换行导致内容被隐藏掉,无法显示需要溢出的元素。不能和position配合使用,因为超出的尺寸的会被隐藏。原创 2022-11-22 19:59:02 · 286 阅读 · 1 评论 -
CSS Float(浮动)
CSS 中所有的浮动属性"CSS" 列中的数字表示不同的 CSS 版本(CSS1 或 CSS2)定义了该属性。属性 描述 值 CSSclear 指定不允许元素周围有浮动元素。 leftrightbothnoneinherit 1float 指定一个盒子(元素)是否可以浮动。 leftrightnoneinherit 1原创 2022-11-14 13:52:05 · 1164 阅读 · 0 评论 -
CSS Positioning (定位)
Positioning (定位)CSS 定位属性允许你为一个元素定位。它也可以将一个元素放在另一个元素后面,并指定一个元素的内容太大时,应该发生什么。元素可以使用的顶部,底部,左侧和右侧属性定位。然而,这些属性无法工作,除非事先设定 position 属性。他们也有不同的工作方式,这取决于定位方法.有四种不同的定位方法。原创 2022-11-14 13:45:44 · 196 阅读 · 0 评论 -
CSS Margin(外边距) CSS Padding(填充)
所有的CSS填充属性属性 说明padding 使用缩写属性设置在一个声明中的所有填充属性padding-bottom 设置元素的底部填充padding-left 设置元素的左部填充padding-right 设置元素的右部填充padding-top 设置元素的顶部填充原创 2022-11-14 13:37:51 · 935 阅读 · 0 评论 -
CSS Border (边框)
CSS 边框属性属性 描述border 简写属性,用于把针对四个边的属性设置在一个声明。border-style 用于设置元素所有边框的样式,或者单独地为各边设置边框样式。border-width 简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。border-color 简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。border-bottom 简写属性,用于把下边框的所有属性设置到一个声明中。border-bottom-color 设置元原创 2022-11-14 13:31:07 · 1085 阅读 · 0 评论 -
CSS 列表样式 (ul)
一些值是无序列表,以及有些是有序列表。下列是对list-style-type属性的常见属性值的描述:none:不使用项目符号disc:实心圆circle:空心圆square:实心方块decimal:阿拉伯数字lower-alpha:小写英文字母upper-alpha:大写英文字母lower-roman:小写罗马数字upper-roman:大写罗马数字原创 2022-11-14 13:20:57 · 1931 阅读 · 0 评论 -
CSS 链接样式
a:link- 正常,未访问过的链接a:visited- 用户已访问过的链接a:hover- 当用户鼠标放在链接上时a:active- 链接被点击的那一刻原创 2022-11-14 13:09:52 · 182 阅读 · 0 评论 -
CSS Backgrounds (背景)
其次,可以使用长度值,如 100px 或 5cm;不同类型的值对于背景图像的放置稍有差异。以上实例中,背景图像与文本显示在同一个位置,为了让页面排版更加合理,不影响文本的阅读,我们可以改变图像的位置。只要保证不超过两个关键字:一个对应水平方向,另一个对应垂直方向,那么你可以设置位置关键字以任何顺序出现。注意,这一点与百分数值不同,因为偏移只是从一个左上角到另一个左上角。如果一个元素没有指定背景色,那么背景就是透明的,这样其父元素的背景才可见。长度值解释的是元素内边距区左上角的偏移,偏移点是图像的左上角。原创 2022-11-11 22:12:05 · 88 阅读 · 0 评论 -
CSS id和class选择器
除了提到的 id 和 class 选择器外,第三种选择器为标签选择器,即以 HTML 标签作为 CSS 修饰所用的选择器。class 选择器用于描述一组元素的样式,class 选择器有别于 id 选择器,class 可以在多个元素中使用。class 选择器在 HTML 中以 class 属性表示, 在 CSS 中,类选择器以一个点"HTML 元素以 id 属性来设置 id 选择器,CSS 中 id 选择器以。">W3cschool教程内联选择器 > id选择器 > 类选择器 > 标签选择器。原创 2022-11-11 21:47:21 · 268 阅读 · 0 评论