脚断系列——CSS
YvonneJue
这个作者很懒,什么都没留下…
展开
-
脚断整理——CSS篇定义及选择器
CSS的定义 CSS(Cascading Style Sheets)层叠样式表。 选择器 1. 标签选择器 标签名 {属性1: 值1; 属性2: 值2; } 2. 类选择器 .box{ font-size:12px; } <div class="box">内容</div> 3. ID选择器 #box{ font-size:14PX; } <div id='b...原创 2019-04-20 17:59:56 · 113 阅读 · 0 评论 -
脚断整理——CSS篇之模块font\background\display\visibility\overflow
文字与字体相关 字体大小 font-size: 字体的大小; 取值: 取值 单位; 字体粗细 font-weight: 字体粗细; 取值: normal bold 100-900 字体样式 font-style: 字体样式; 取值: normal italic 字体类型 font-family: 字体类型; 取值: “宋体”, “微软雅黑”… 字体简写 font: fon...原创 2019-04-20 19:13:10 · 133 阅读 · 0 评论 -
脚断整理——CSS篇之盒子模型
盒子模型应该属于模块内容,不过内容较多,单独开篇 盒子模型 盒子模型 = Content + padding + border + margin div{ width:300px; border:20px solid #666666; padding:25px; margin:25px; } <div>这是一个盒子</div> border: border-w...原创 2019-04-21 03:06:28 · 105 阅读 · 0 评论 -
脚断整理——CSS篇之定位与浮动
float Float,会使元素向左或向右移动,其周围的元素也会重新排列。 Float,往往用于图像,但在布局时也很有用。 Float的特性: 浮动的元素会 ”脱离文档“,即不占文档的位置。因此使用口诀:要浮全浮(兄弟元素)。 脱离文档的元素拥有行内块的表现。 不会继承父级的宽度,内容有多大,box就有多大。 可以直接写宽高。 margin: auto 对浮动的元素无效。 浮动只在盒子内容区域...原创 2019-04-21 16:30:01 · 97 阅读 · 0 评论 -
脚断整理——CSS篇之对齐方式
text-align:center 控制行内元素和行内块水平居中 line-height 控制的是单行文字的垂直居中 margin:0 auto; 控制的是一个具体的宽度的块级元素水平居中 position position: absolute; left: 50%; top: 50%; margin-left: -自身宽度的一半; margin-top: -自身高度的一半; 控...原创 2019-04-22 17:11:53 · 239 阅读 · 0 评论