会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
少时凌云志
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
3
4
5
6
7
8
9
10
11
···
25
下一页
2022年4月12日
z-index
摘要: 图层~ z-index: 默认是0,最高无上限~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/style.cs
阅读全文
posted @ 2022-04-12 00:00 少时凌云志
阅读(39)
评论(0)
推荐(0)
2022年4月11日
固定定位 fixed
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{ height: 1000px; } div:nth-of-type(1){/*绝对定位,相对于浏览器*/
阅读全文
posted @ 2022-04-11 23:59 少时凌云志
阅读(26)
评论(0)
推荐(0)
绝对定位
摘要: 定位:基于xxx定位,上下左右 1、没有父元素定位的前提下,相对于浏览器定位 2、假设父级元素存在定位,我们通常会相对于父级元素进行偏移 3、在父级元素范围内移动 相对于父级或浏览器的位置,进行指定的偏移,绝对定位的话,它不在标准文档流中,原来的位置不会被保留 <!DOCTYPE html> <ht
阅读全文
posted @ 2022-04-11 23:56 少时凌云志
阅读(128)
评论(0)
推荐(0)
定位
摘要: 相对定位 1.默认情况 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ margin: 10px; padding: 5px; font-size: 10
阅读全文
posted @ 2022-04-11 23:44 少时凌云志
阅读(65)
评论(0)
推荐(0)
父级边框塌陷的问题
摘要: clear /* clear: right; 右侧不允许有浮动元素 clear: left; 左侧不允许有浮动元素 clear: both; 两侧不允许有浮动元素 clear:none; */ 解决方案: 1、增加父级元素的高度~ #father{ border: 1px #000 solid; h
阅读全文
posted @ 2022-04-11 23:41 少时凌云志
阅读(39)
评论(0)
推荐(0)
float
摘要: 左右浮动 float <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>浮动</title> <link rel="stylesheet" href="css/style.css" type="text/css
阅读全文
posted @ 2022-04-11 23:36 少时凌云志
阅读(106)
评论(0)
推荐(0)
display
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- block 块元素 inline 行内元素 inline-block 是块元素,但是可以内联,在一行! none 消失 -
阅读全文
posted @ 2022-04-11 23:34 少时凌云志
阅读(143)
评论(0)
推荐(0)
浮动
摘要: 标准文档流 块级元素:独占一行 h1~h6 p div 列表... 行内元素:不独占一行 span a img strong... 行内元素可以被包含在块级元素中,反之,则不可以
阅读全文
posted @ 2022-04-11 23:33 少时凌云志
阅读(26)
评论(0)
推荐(0)
盒子阴影
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--margin:0 auto; 居中 要求:块元素,块元素有固定的宽度 --> <style> img{ border-rad
阅读全文
posted @ 2022-04-11 23:31 少时凌云志
阅读(16)
评论(0)
推荐(0)
圆角边框
摘要: 4个角 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 左上 右上 右下 左下,顺时针方向 --> <!-- 圆角: 圆角 = 半径! --> <style> div{
阅读全文
posted @ 2022-04-11 23:29 少时凌云志
阅读(63)
评论(0)
推荐(0)
上一页
1
···
3
4
5
6
7
8
9
10
11
···
25
下一页
公告