2018年9月8日
文字样式
摘要： div { border-style: solid; border-width: 2px; border-color: red; } border-width 长度值 设置边框的宽度,可选 1 border-style 样式名称 设置边框的样式,必选 1 border-color 颜色值 设置边框的 阅读全文
posted @ 2018-09-08 21:18 木丁 阅读(132) 评论(0) 推荐(0) 编辑
css盒子模型
摘要： height 的% 号,设置高度是没用的, 没有参照物. height的px 是可以的 自适应 width:auto;height:auto; 一个css里面 俩个相同的属性,后面的会冲突调前面的. padding是内边距 padding-top:10px; //height以及设置100px, 则 阅读全文
posted @ 2018-09-08 20:55 木丁 阅读(100) 评论(0) 推荐(0) 编辑
2018年9月7日
css文字样式
摘要： font-size 在body设置, 在p中设置会优先于body font-italic 斜体 font-oblique 斜体 font-weight font-weight: normal 恢复正常 font-weight:bold 加粗 //用这个就行,其他无效 font-weight:bold 阅读全文
posted @ 2018-09-07 21:10 木丁 阅读(143) 评论(0) 推荐(0) 编辑
度量单位
摘要： font-size:20px; height:50px; // 字体大小变化, 1 种情况 第三情况 字体大于宽度 第4种情况 跨度大于字体 以上四种都有上边距; em 是相对于字体变大和缩小 em和px的区别, px是局对的, em是相对的,根据字体的大小而变化 height设置成百分比是没有效果 阅读全文
posted @ 2018-09-07 17:13 木丁 阅读(230) 评论(0) 推荐(0) 编辑
2018年9月6日
在谈浮动
摘要： 浮动只适合pc端 margin 0 auto; //左右俩边自动推进. <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>CSS传统布局[上]</title> <link rel="stylesheet" t 阅读全文
posted @ 2018-09-06 16:27 木丁 阅读(98) 评论(0) 推荐(0) 编辑
position 再谈
摘要： absolute 本身 具有脱离文档流,不占有文档的位置, 在原来的上方, 定位后会输入top等值会离开原来的位置,以文档的左上角点位. 与浮动的区别是: 浮动文字会环绕,而absolute底下的文字会上移被覆盖, 1块下面是文字, header 是个块; 底下有文字 aside section f 阅读全文
posted @ 2018-09-06 11:14 木丁 阅读(67) 评论(0) 推荐(0) 编辑
2018年9月5日
position 定位
摘要： 三种布局方式 标准流(顺序) 1块级元素 h div table ol ul li p 独占一行 2内联元素 a mig span input 排列除非宽度不够 { width:100px;height:100;background: red; border:1px solid #fff } // 阅读全文
posted @ 2018-09-05 00:29 木丁 阅读(185) 评论(0) 推荐(0) 编辑
2018年9月4日
absolute绝对定位
摘要： 阅读全文
posted @ 2018-09-04 20:18 木丁 阅读(116) 评论(0) 推荐(0) 编辑
overflow 溢出
摘要： 求滚动条的宽度 尽量使用 自适应布局 张鑫旭 第三章 第一课 去除跳动问题没听懂 阅读全文
posted @ 2018-09-04 20:16 木丁 阅读(162) 评论(0) 推荐(0) 编辑
float1
摘要： 转载: <!doctype html> <html><head><meta charset="utf-8"><title>浮动去空格</title><style>button { margin: 0; }p { clear: both; }</style></head> <body><button> 阅读全文
posted @ 2018-09-04 19:49 木丁 阅读(115) 评论(0) 推荐(0) 编辑