CSS
关注
分享
扫一扫
文章平均质量分 87
web
rfalcon
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css中的display、visibility、opacity
opacity：用来设置透明度(0-1) display：用来定义建立布局时元素生成的显示框的类型(‘block’,‘flex’,‘inline’,‘inline-block’,‘table’,‘none’) visibility：用来设置元素是否可见(‘visible’,‘hidden’) 是否占据了空间 opacity、visibility 不显示仍占据空间 display 不显示不占据空间 对子元素的影响 如果父元素和子元素的显隐性不同（父隐子显），opacity、display子元素的设置.原创 2022-05-17 11:42:54 · 1261 阅读 · 3 评论 -
css样式问题合集
文章目录css实现下拉三角形清除浮动的几种方式背景图片平铺问题让两个块级元素显示在同一行css水平居中css垂直居中 css实现下拉三角形 第一种实现形式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl原创 2020-11-03 14:39:34 · 1408 阅读 · 0 评论 -
清除浮动的几种方式
1.额外标签法 在最后一个浮动标签后，新加一个标签，给其设置 clear:both (不推荐 ) 2.给父级元素添加overflow属性 父元素添加 overflow:hidden (不推荐) 3.使用after伪元素清除浮动（推荐使用） 4.使用before和after双伪类清除浮动 ...原创 2020-10-11 11:20:35 · 185 阅读 · 0 评论 -
C3小例
文章目录动画实现热点图 动画实现热点图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>动画实现热点图</title> <style>原创 2020-09-09 11:36:27 · 196 阅读 · 0 评论 -
flex弹性布局
前端自学笔记 作用在flex容器上 flex-direction 用来控制子项整体布局的方向，从左往右还是从右往左，从上往下还是从下往上 取值 含义 row 默认值。显示为行，方向从左向右 row-reverse 显示为行，方向与row相反 column 显示为列 column-reverse 显示为列，方向与column相反 flex-wrap 用来控制子项整体单行显示还是换行显示 取值 含义 nowrap 默认值，单行显示，不换行 wrap原创 2020-06-21 17:08:27 · 292 阅读 · 0 评论 -
CSS-基础篇
CSS基础部分自学笔记 内联样式 也称行内或行间样式，是在html标签上添加style属性来实现的 内部样式 在<style></style>标签内添加的样式，内部样式的代码可以复用、符合W3C标准，尽量让结构和样式分开处理 外部样式 <link rel="stylesheet" href=""> rel：指定资源跟页面的关系 href：资源的地址 @import url(./common.css); 这种方式有很多问题，不建议使用 颜色表示法 单词表示法原创 2020-05-18 19:31:44 · 23367 阅读 · 18 评论