css基础知识总结
关注
分享
扫一扫
Amaya_Angel
这个作者很懒，什么都没留下…
展开
-
2020/11/17css精灵图片
精灵图片含义：一张图通过background position：水平方向 垂直方向；定位来确定小图标位置应用场景小图标 body { margin: 0; background-color: rgb(79, 83, 92); } .contont { width: 100%; /* width: 1000px; */ /*原创 2020-11-17 19:38:05 · 188 阅读 · 0 评论 -
2020-11-12
行内块与浮动区别1.行内块问题1.多个行内块并排展示时会有间隙解决1.父元素添加font-size:0px2.消除两个元素之间空格、缩进；问题2.多个行内快其中一个有内容其他无内容，该元素会掉下去。原因：默认对齐方式为基线对齐，有内容的会按照内容的基线去对齐。解决1.添加内容。解决2.修改对齐方式HTML<div>人面不知何处去</div><div>人面不知何处去</div><div>人面不知何处去&.原创 2020-11-12 20:04:43 · 128 阅读 · 0 评论 -
2020-11-11
css定位属性1.相对定位： relative2.绝对定位 ：absolute3.固定定位 ：fixed相对定位 div { width: 200px; height: 200px; background-color: #ff6900; } .a1 { background-color: #663600; positi原创 2020-11-11 19:42:07 · 94 阅读 · 0 评论 -
2020-11-09
字体样式一.行高：1.性质：一行文字实际占用的高度。2.取值方式：px，百分比。百分比：按照默认的字体大小取值。3.特殊用法：要让一行文字垂直居中，可以将行高设置为盒子高。（多行文字失效）(行高，字号一般都是偶数。谷歌min16px，iemin无限)二.字号字体font-size: 48px;font-family: "宋体";line-height: 60px;按上述排列1.字体大小取值：单词，em，px，百分比font-size: ..原创 2020-11-09 20:46:36 · 103 阅读 · 0 评论 -
2020-11-05
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>css基础认识</title><style> p{color:pink;}</...原创 2020-11-05 19:27:33 · 114 阅读 · 0 评论