
css
css语法及实践
萤火虫 ✨
这个作者很懒,什么都没留下…
展开
-
padding-top百分比参考父元素的宽度
百分比参考转载 2021-09-01 08:51:01 · 130 阅读 · 0 评论 -
position
static默认值,当position为static的时候,left,right,top,bottom无效。absolute相对于static定位以外的最近元素发生偏移。元素会被移出正常文档流,并不为元素预留空间,由其它元素补充。relative相对于其正常位置进行定位,为元素预留空间,不影响其它元素。fixed元素相对屏幕视口的位置发生偏移,元素的位置在屏幕滚动时不会改变,元素被移除正常文档流,不为元素预留空间。sticky是relative和sticky的组合,元素在跨越特定阈值之前原创 2021-08-25 21:04:00 · 90 阅读 · 0 评论 -
vue css 样式本页面不起作用
转载 2021-06-30 22:26:46 · 631 阅读 · 0 评论 -
css实现单行文本居中,多行文本左对齐
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> /*当文字为一行是,则P的宽度小于div的宽度,p标签居中显示在盒子内,文字也就居中了 ;当大于一行时,P的宽度和div的宽度是一致的 ,文字就居左对齐了*/ .content {原创 2021-08-25 08:25:56 · 777 阅读 · 0 评论 -
浮动与布局
清除浮动1、清除浮动的方法2、块级格式化上下文BFC3、一个元素的子元素设置了浮动之后,父元素高度无法撑开;浮动导致的后果:(1)由于浮动元素脱离了文档流,所以父元素的高度无法被撑开,影响了与父元素同级的元素(2)与浮动元素同级的非浮动元素会跟随其后,因为浮动元素脱离文档流不占据原来的位置(3)如果该浮动元素不是第一个浮动元素,则该元素之前的元素也需要浮动,否则容易影响页面的结构显示overflow方法的使用当给父元素设置了overflow样式,不管是overflow:hidden或ove原创 2021-05-25 14:20:00 · 104 阅读 · 0 评论 -
CSS样式优先级
样式优先级转载 2021-07-05 19:53:46 · 70 阅读 · 0 评论 -
前端BFC
什么是BFC概念原创 2021-07-11 20:30:57 · 69 阅读 · 0 评论 -
grid栅格布局
grid布局图文讲解原创 2021-06-21 21:57:52 · 228 阅读 · 0 评论 -
flex布局
flex图文解析语法原创 2021-06-21 21:38:39 · 82 阅读 · 0 评论 -
元素垂直居中、水平居中、垂直水平居中方式
垂直居中、水平居中、垂直水平居中原创 2021-08-25 19:49:05 · 88 阅读 · 0 评论