CSS
关注
分享
扫一扫
CSS的学习
「已注销」
这个作者很懒，什么都没留下…
展开
-
学习博客：【CSS】定位
1. 相对定位 position: relative 相对于自己原来的位置进行偏移，仍然在标准文档流中，原来的位置会被保留 相对定位前： 相对定位后： #first{ background: #ff53cf; border: 1px dashed #12f611; position: relative;/*相对定位*/ top: -30px; left: 20px;原创 2022-03-29 21:24:45 · 307 阅读 · 0 评论 -
学习博客：【CSS】父级边框塌陷问题
当文字、图片设置为浮动时，会导致父级边框塌陷（没有内容撑起来父级边框）如下图红框所示 解决办法： 1.增加空的div标签 清除浮动 (尽量避免空div) <div class="clear"></div> 2.增加父级元素高度 (元素没有固定高度，会被限制) #father{ border: 1px #000 solid; height: 1000px; } 3.在父级元素中添加overflow: hidden;原创 2022-03-29 20:58:13 · 462 阅读 · 0 评论 -
学习博客：【CSS】选择器（基本选择器、高级选择器）
作用：选择页面上某一种或者某一类元素 1. 基本选择器 1.1 标签选择器 选择一类标签 语法： 标签{ } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*标签选择器 会选择到页面上所有的这个标签的元素*/ h1{原创 2022-03-29 20:34:53 · 572 阅读 · 0 评论 -
学习博客：【CSS】三种css导入方式
优先级：就近原则 行内式 <!--行内样式--> <h1 style="color: indianred">我是标题</h1> 内部式 <!--内部样式--> <style> h1{ color: aqua; } </style> 外部式 <!--外部样式--> <link rel="stylesheet" href="原创 2022-03-29 20:18:53 · 263 阅读 · 0 评论