![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
CSS
wwaitings
小白历险记
展开
-
相、绝对定位的使用和练习
相对定位 练习相对定位 绝对定位 z-index原创 2021-08-08 08:37:25 · 74 阅读 · 0 评论 -
overflow以及父级边框塌陷问题
父级塌陷问题 有了clear,保证了图片和文字就算浮起来也是按照标准文档流排的 如何让这个标准文档流还是在父级文档里面呢? 解决方案 3. 所以不希望内容超出了范围就往下堆积,应想办法让他出现滚动条 效果图 hidden自动隐藏超出的元素 ...原创 2021-08-07 16:58:58 · 59 阅读 · 0 评论 -
display和浮动
浮动 变成行内元素并且可以浮动原创 2021-08-07 16:19:17 · 50 阅读 · 0 评论 -
盒子模型(重要)
盒子模型的边框使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*h1,ul,li,a,body{*/ /* !*body总有一个默认的外边距margin:0,如果不设置为0的话页面就会空出一部分区域*!*/ /* margin: 0.原创 2021-08-07 15:27:37 · 45 阅读 · 0 评论 -
列表样式练习
列表样式练习 背景图像应用及渐变 渐变 代码是去网址渐变源代码复制过来的原创 2021-08-07 14:14:22 · 47 阅读 · 0 评论 -
文本阴影和超链接伪类
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*初始默认颜色*/ a{ text-decoration: none; color: black; } /*鼠标悬浮状态(只需要记住hover)*/ a:h原创 2021-08-07 13:37:10 · 45 阅读 · 0 评论 -
文本样式
超链接自带下划线原创 2021-08-07 13:14:01 · 43 阅读 · 0 评论 -
CSS的作用及字体样式
span标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #title1{ font-size: 50px; } </style> </head> <body> <p>java</原创 2021-08-07 12:57:10 · 62 阅读 · 0 评论 -
结构伪类选择器 属性选择器(常用)
伪类:带有条件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*选中ul的第一个子元素*/ ul li:first-child{ background: #b1bb20; } /* 选中ul最后一个子元素*/ ul原创 2021-08-07 12:17:52 · 112 阅读 · 0 评论 -
层次选择器
2、选择器 作用:选择页面上的某一个或者某一类元素 2.1 基本选择器 1、标签选择器:选择一类标签 标签名{} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>标签选择器</title> <style> /*标签选择器 弊端是会选择到页面上所有的这个标签的元素*/ h1{ co原创 2021-08-07 11:29:26 · 97 阅读 · 0 评论 -
什么是CSS
1、什么是CSS 1.1 什么是CSS Cascading Style Sheet 层叠联级样式表 CSS:表现(美化网页) 字体,颜色、编剧、高度、宽度、背景图片、网页定位、网页浮动… 1.2、快速入门 按照好的规范建立文件 把html和css结合在一起写: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title原创 2021-08-07 10:16:02 · 44 阅读 · 0 评论