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 · 107 阅读 · 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 · 99 阅读 · 0 评论 -
层模型的个人笔记
absolute定位 ————————————脱离原来位置的定位 补充:opacity(透明度0-1)原创 2020-11-15 10:57:58 · 65 阅读 · 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 · 66 阅读 · 0 评论 -
css个人笔记 --font
css个人笔记 --font(设置字体) font-size (高) font-weight (粗细)normal bold bolder lighter integer font-style:italic (等于标签) font-family:arial (乔布斯发明的)(楷体 = cursive 顶) (1). color:green;(直接设置颜色) 这个不标准 (2).color:#ff4400;颜色代码更符合() 颜色: red原创 2020-11-11 11:33:49 · 76 阅读 · 0 评论