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 · 1187 阅读 · 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 · 1290 阅读 · 0 评论 -
清除浮动的几种方式
1.额外标签法在最后一个浮动标签后，新加一个标签，给其设置 clear:both (不推荐)2.给父级元素添加overflow属性父元素添加 overflow:hidden (不推荐)3.使用after伪元素清除浮动（推荐使用）4.使用before和after双伪类清除浮动...原创 2020-10-11 11:20:35 · 155 阅读 · 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 · 158 阅读 · 0 评论 -
flex弹性布局
前端自学笔记作用在flex容器上flex-direction 用来控制子项整体布局的方向，从左往右还是从右往左，从上往下还是从下往上取值含义row默认值。显示为行，方向从左向右row-reverse显示为行，方向与row相反column显示为列column-reverse显示为列，方向与column相反flex-wrap 用来控制子项整体单行显示还是换行显示取值含义nowrap默认值，单行显示，不换行wrap原创 2020-06-21 17:08:27 · 262 阅读 · 0 评论 -
CSS-基础篇
CSS基础部分自学笔记内联样式也称行内或行间样式，是在html标签上添加style属性来实现的内部样式在<style></style>标签内添加的样式，内部样式的代码可以复用、符合W3C标准，尽量让结构和样式分开处理外部样式<link rel="stylesheet" href="">rel：指定资源跟页面的关系href：资源的地址@import url(./common.css);这种方式有很多问题，不建议使用颜色表示法单词表示法原创 2020-05-18 19:31:44 · 23266 阅读 · 18 评论