上一页 1 2 3 4 5 6 7 8 9 ··· 28 下一页
摘要: 绝对定位 定位:基于xxx定位,上下左右。 没有父级元素定位的前提下,相对于浏览器定位 假设父级元素存在定位,我们通常会相对于父级元素进行偏移 在父级元素范围内移动 相对于父级或浏览器的位置,进行指定的偏移,绝对定位的话,它不在标准文档流中,原来的位置不会被保留 <!DOCTYPE html> <h 阅读全文
posted @ 2022-02-11 16:41 摘星丶仙 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 定位 相对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 相对定位 相对于自己原来的位置进行偏移 --> <style> div{ margin: 10px; pa 阅读全文
posted @ 2022-02-11 15:55 摘星丶仙 阅读(44) 评论(0) 推荐(0) 编辑
摘要: 父级边框塌陷的问题 clear /* clear:right; 右侧不允许有浮动元素 clear:left; 左侧不允许有浮动元素 clear:both; 两侧不允许有浮动元素 clear:none; */ 解决方案: 增加父级元素的高度~ #father{ border: 1px #000 sol 阅读全文
posted @ 2022-02-11 15:27 摘星丶仙 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 浮动 标准文档流 块级元素:独占一行 h1~h6 p div 列表... 行内元素:不独占一行 span a img strong... 行内元素可以被包含在块级元素中,反之,则不可以。 display div{ width: 100px; height: 100px; border: 1px so 阅读全文
posted @ 2022-02-11 14:46 摘星丶仙 阅读(15) 评论(0) 推荐(0) 编辑
摘要: 圆角边框 4个角 <style> div { width: 100px; height: 100px; border: 10px solid red; border-radius: 50px 20px 10px 5px; } </style> 阅读全文
posted @ 2022-02-10 18:55 摘星丶仙 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 内外边距 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--外边距的妙用:居中元素 margin: 0 auto; --> <style> #box{ width:300px 阅读全文
posted @ 2022-02-10 15:25 摘星丶仙 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 盒子模型 什么是盒子模型 margin:外边距 padding:内边距 border:边框 边框 边框的粗细 边框的样式 边框的颜色 阅读全文
posted @ 2022-02-10 15:11 摘星丶仙 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 背景 背景颜色 背景图片 div { width: 1000px; height: 700px; border: 1px solid red; background-image: url("images/wsh2.jpg"); /*默认是全部平铺的 repeat*/ } .div1{ backgro 阅读全文
posted @ 2022-02-10 14:47 摘星丶仙 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 列表 /*ul li*/ /* list-style: none:去掉圆点 circle:空心圆 decimal:数字 square:正方形 */ /* ul{ background: #a0a0a0; } */ ul li{ height: 30px; list-style: none; text 阅读全文
posted @ 2022-02-10 14:31 摘星丶仙 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 阴影 /*text-shadow:阴影颜色,水平偏移,垂直偏移,阴影半径*/ #price{ text-shadow: #3033ff 10px 10px 2px; } 超链接伪类 正常情况下,a , a:hover /*默认的状态*/ a{ text-decoration: none; color 阅读全文
posted @ 2022-02-10 14:16 摘星丶仙 阅读(18) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 9 ··· 28 下一页
点击右上角即可分享
微信分享提示