- 博客(6)
- 收藏
- 关注
原创 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
原创 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
原创 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
原创 2020-11-10
标准文档流+浮动定义内容从左到右,从上到下书写的。前面的内容大小或者位置发生变化时,后面的内容位置也会随之变化。web页面,就是一个标准的文档流。内容跟咱们的书写顺序有关。标准文档流的特性(1)空白折叠现象无论多少个空格,tab,换行都会折叠为一个空格。 (空格)br(可插入一个简单的换行符。)hr(标签在 HTML 页面中创建一条水平线。)(2)高矮不同,底部对齐(四线三格)四线:顶线,准线,中线,底线(3)一行写满,自动换行行内
2020-11-10 20:25:12 215
原创 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
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人