- 博客(12)
- 收藏
- 关注
RSS订阅原创 清除浮动的四种方式
父级添加overflow方法： 可以通过触发BFC的方式，实现清楚浮动效果。必须定义width或zoom:1，同时不能定义height，使用overflow:hidden时，浏览器会自动检查浮动区域的高度优点： 简单、代码少、浏览器支持好缺点： 内容增多时候容易造成不会自动换行导致内容被隐藏掉，无法显示需要溢出的元素。不能和position配合使用，因为超出的尺寸的会被隐藏。
2022-11-22 19:59:02
232
1
原创 CSS Float（浮动）
CSS 中所有的浮动属性"CSS" 列中的数字表示不同的 CSS 版本（CSS1 或 CSS2）定义了该属性。属性 描述 值 CSSclear 指定不允许元素周围有浮动元素。 leftrightbothnoneinherit 1float 指定一个盒子（元素）是否可以浮动。 leftrightnoneinherit 1
2022-11-14 13:52:05
1139
原创 CSS Positioning (定位)
Positioning (定位)CSS 定位属性允许你为一个元素定位。它也可以将一个元素放在另一个元素后面，并指定一个元素的内容太大时，应该发生什么。元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非事先设定 position 属性。他们也有不同的工作方式，这取决于定位方法.有四种不同的定位方法。
2022-11-14 13:45:44
169
原创 CSS Margin(外边距) CSS Padding（填充）
所有的CSS填充属性属性 说明padding 使用缩写属性设置在一个声明中的所有填充属性padding-bottom 设置元素的底部填充padding-left 设置元素的左部填充padding-right 设置元素的右部填充padding-top 设置元素的顶部填充
2022-11-14 13:37:51
894
原创 CSS Border (边框)
CSS 边框属性属性 描述border 简写属性，用于把针对四个边的属性设置在一个声明。border-style 用于设置元素所有边框的样式，或者单独地为各边设置边框样式。border-width 简写属性，用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。border-color 简写属性，设置元素的所有边框中可见部分的颜色，或为 4 个边分别设置颜色。border-bottom 简写属性，用于把下边框的所有属性设置到一个声明中。border-bottom-color 设置元
2022-11-14 13:31:07
1035
原创 CSS 列表样式 (ul)
一些值是无序列表，以及有些是有序列表。下列是对list-style-type属性的常见属性值的描述：none：不使用项目符号disc：实心圆circle：空心圆square：实心方块decimal：阿拉伯数字lower-alpha：小写英文字母upper-alpha：大写英文字母lower-roman：小写罗马数字upper-roman：大写罗马数字
2022-11-14 13:20:57
1845
原创 CSS 链接样式
a:link- 正常，未访问过的链接a:visited- 用户已访问过的链接a:hover- 当用户鼠标放在链接上时a:active- 链接被点击的那一刻
2022-11-14 13:09:52
162
原创 CSS Backgrounds (背景)
其次，可以使用长度值，如 100px 或 5cm；不同类型的值对于背景图像的放置稍有差异。以上实例中，背景图像与文本显示在同一个位置，为了让页面排版更加合理，不影响文本的阅读，我们可以改变图像的位置。只要保证不超过两个关键字：一个对应水平方向，另一个对应垂直方向，那么你可以设置位置关键字以任何顺序出现。注意，这一点与百分数值不同，因为偏移只是从一个左上角到另一个左上角。如果一个元素没有指定背景色，那么背景就是透明的，这样其父元素的背景才可见。长度值解释的是元素内边距区左上角的偏移，偏移点是图像的左上角。
2022-11-11 22:12:05
69
原创 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
246
原创 行内，行内块，块级元素的特点
特点：特点： 特点： 1、块级标签转换为行内标签：display:inline; 2、行内标签转换为块级标签：display:block; 3、转换为行内块标签：display：inline-block;注意：1、一般情况下，块级元素可以设置width,height属性，行内元素设置width,height无效2、块级元素可以设置margin,padding属性3、行内元素的水平方向的padding-left和padding-right都会产生边距效果，但是竖直方向
2022-11-11 21:26:52
931
原创 web前端-块元素和行内元素的区别
下面是一些常用的行内元素标签：，，，，，，，，，下面是一些常用的块元素标签：~，，，，，，3、行内元素的margin和padding属性,水平方向的都产生边距效果,但竖直方向的却不会产生边距效果.1、不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行.1、会独占一行,默认情况下,其宽度自动填满其父元素宽度.
2022-11-11 21:12:17
74
原创 CSS animation介绍+大数据热点图案例+打字机显示案例+奔跑的小熊案例
animation：name 动画所需时间 延迟时间 (后面的顺序随意，不需要的可以省略)........//中间可以0~100的整数值，成序列，@keyframes 自定义动画的名称{
2022-11-11 20:42:12
290
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人