CSS3
关注
分享
扫一扫
林之.
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS背景图总结
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1{ width: 1024px; height: 724px; margin: 0 auto; /*设置背景样式*/ background-color: #b...原创 2022-01-06 17:01:39 · 529 阅读 · 0 评论 -
CSS有关定位总结(绝对定位、相对定位、固定定位)
定位：指将指定元素拜访到页面任意位置可以通过定位任意的摆放元素通过position属性来设置元素的定位可选值：static ：默认值，元素没有开启定位relative: 开启元素的相对定位absolute：开启元素的绝对定位fixed: 开启元素的固定定位当开启了元素的定位(position属性值是一个非static值)时，可以通过left right top bottom 四个属性来设置元素的偏移量。* left: 元素相对于其定位位置的左侧偏移量* right: 元素相对于器..原创 2022-01-06 16:48:28 · 487 阅读 · 0 评论 -
CSS解决盒子高度塌陷问题
在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。由于父元素的高度塌陷了，则父元素下的所有元素都会向上移动，这样将会导致页面布局混乱。所以在开发中一定要避免出现高度塌陷的问题。方法一：我 们可以将父元素的高度写死，以避免塌陷的问题出现，但是一旦高度写死，父元素的高度将不能自动适应子元素的高度，所以这种方案是不推荐使用的。方法二：根据W3C的标准，在页面原创 2022-01-05 17:08:47 · 1599 阅读 · 0 评论 -
css有关内联元素的盒子总结
一、特点总结：内联元素不能设置width和height内联元素可以设置水平内边距、垂直方向内边距(垂直方向内边距不会影响页面布局)内联元素可以设置边框，但是只有垂直的的边框不影响页面的布局内联元素可以设置水平外边距，但是不支持垂直外边距二、内联元素与块元素转换5. display样式可以修改元素类型;可选值：inline : 可以将一个元素作为内联元素显示block ：可以将一个元素设置块元素显示inline-block : 将一个元素转换为行内块元素可以使一个元素既有悍内元素特点原创 2022-01-05 15:58:12 · 419 阅读 · 0 评论 -
css文本样式总结
1). text-transform 可以用来设置文本大小写可选值：none 默认值，capitalize 单词的首字母大写，通过空格来识别uppercase 所有的字母都大写lowercase 所有的字母都小写2). text-decoration 可以用来设置文本的修饰可选值：none: 默认值underline 为文本添加下划线overline 为文本添加上划线line-through 为文本添加删除线3). letter-spacing 指定字符间距4). word-spa原创 2022-01-05 15:35:33 · 166 阅读 · 0 评论 -
CSS中设置行间距的方法
在CSS中并没有为我们提供直接设置行间距的方式我们只能通过设置行高来间接设置行间距，行高越大行间距越大使用line-height来设置行高行间距 = 行高 - 字体大小通过 light-height可以间接的设置行高//line-height 可以简介设置的行高//可以接收的值：// 1. 直接接收一个大小// 2. 可以指定一个百分数，则会相对于字体去计算行高// 3. 可以直接传一个数值，则行高会..原创 2022-01-05 14:43:08 · 17948 阅读 · 2 评论 -
关于Flex布局、Flex容器
Flex容器的属性1). flex-direction:①决定主轴的方向(即项目的排列方向)②参数：row | row-reverse | column | column-reverse2). flex-wrap属性3). flex-flow4). justify-contentjustify-content属性定义了项目在主轴上的对齐方式。5). align-itemsalign-items属性定义项目在交叉轴上如何对齐。6).align-contentalign-cont原创 2022-01-05 00:20:54 · 193 阅读 · 0 评论