![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css 个人笔记
文章平均质量分 64
帅癌病患者
这个作者很懒,什么都没留下…
展开
-
文字溢出问题 背景图片处理(笔记)
文字溢出问题取消换行的操作white-space:nowrap;溢出部分隐藏overflow:hidden;(text-overflow:ellipsis; 溢出部分用…展示)背景图片处理照片的引入background-image:url(文件名);照片的大小background-size:xxx px xxx px;(当照片的大小小于框会重复照片展示)background-repeat:no-repeat;(不重复实现)(-x x轴重复 -y y轴重复)照片位置back原创 2020-11-23 22:31:37 · 239 阅读 · 0 评论 -
小小标签栏(个人笔记)
<html lang="en"><head> <meta charset="UTF-8"> <title> 一个迷人的混蛋</title> <link rel="stylesheet" href="lesson6.css"></head><body> <ul class="nav"> <li class="list-item">原创 2020-11-15 15:52:04 · 46 阅读 · 0 评论 -
浮动模型 (个人笔记)
float的作用<div class="wrapper"> <div class="content">1</div> <div class="content">2</div> <div class="content">3</div> </div>.wrapper{ width: 300px; height: 300px; bor原创 2020-11-15 15:48:50 · 108 阅读 · 0 评论 -
margin塌陷与合并问题(个人笔记)
block format context(bfc)margin塌陷问题<html lang="en"><head> <meta charset="UTF-8"> <title> 哪里有比zyq更帅得人啊</title> <link rel="stylesheet" href="lesson6.css"></head><body> <div class="wrappe原创 2020-11-15 13:43:49 · 100 阅读 · 0 评论 -
层模型的个人笔记
absolute定位————————————脱离原来位置的定位补充:opacity(透明度0-1)原创 2020-11-15 10:57:58 · 66 阅读 · 1 评论 -
盒子模型个人笔记
盒子三大部分盒子壁(border)内边距(padding)盒子内容(width+height)margin+border+padding+(content=width+height)(盒子模型)padding(margin):100px 200px 300px 400px;(上右下左)(4个) 100px原创 2020-11-14 20:03:32 · 64 阅读 · 0 评论 -
css个人笔记(3)
行级元素和块级元素1.行级元素feature:内容决定元素所占位置。不可以通过css改变宽高(span strong em a del )2.块级元素featur:独占一行,可以通过css改变宽高(div p ul li ol li form address)原创 2020-11-14 16:36:50 · 32 阅读 · 0 评论 -
Css个人笔记(2)
Css个人笔记(2)1.对齐方式div{ font-size:20px border:1px solid black; text-align:right;/*右对齐,同理可得 center 和left*/ height:200px;/*文本高度*/ line-height:20px;/*单行文本的间距*/ text-indent:2em;/*首行间距2格*/}当height==line-height(垂直居中的文本方法)单行文本居中!1em = 1 * font-size;=20p原创 2020-11-11 15:38:29 · 67 阅读 · 0 评论 -
css个人笔记 --font
css个人笔记 --font(设置字体)font-size (高)font-weight (粗细)normal bold bolder lighter integerfont-style:italic (等于标签)font-family:arial (乔布斯发明的)(楷体 = cursive 顶)(1). color:green;(直接设置颜色) 这个不标准(2).color:#ff4400;颜色代码更符合() 颜色: red原创 2020-11-11 11:33:49 · 78 阅读 · 0 评论