随笔分类 -  CSS

background(css复合写法)
摘要：1. 背景－background 单个属性的写法 .sample1 { /*背景颜色*/background-image: url(sample.gif); /*背景图片*/background-repeat: no-repeat; /*平铺(?)*/background-attachment: f 阅读全文
posted @ 2017-07-26 09:12 钢铁小坦克 阅读(18500) 评论(1) 推荐(2)
HTML+css零碎小知识
摘要：1、设置了float浮动的元素和绝对定位position：absolute的元素会脱离正常的文档流。但是设置absolute的元素不会占据空间，相当于隐形了。 2、相对定位position：relative是指相对于文档流中的其它已经定义的元素位置进行定位。在不设置top/left/right/bo 阅读全文
posted @ 2017-07-22 15:31 钢铁小坦克 阅读(231) 评论(0) 推荐(0)
HTML+CSS基础小笔记再整理
摘要：1、 font的两个必须要写的：font-size 和 font-family text-indent 首行缩进（em）1em=一个文字大小 text-algin 对齐方式：left、center、right text-decortion 文本修饰： underline（下划线）overline（上 阅读全文
posted @ 2017-07-22 15:12 钢铁小坦克 阅读(269) 评论(0) 推荐(0)
z-index详细攻略
摘要：概念 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 层级关系的比较 1. 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。 2. 对于同级元素，position不为static且z-index存在的情况下 阅读全文
posted @ 2017-07-08 22:46 钢铁小坦克 阅读(228) 评论(0) 推荐(0)
伪元素
摘要：原文出处： Thoriq Firdaus 译文出处：听海阁（@听海JamiE） 层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。 你一定听说过这个词，尤 阅读全文
posted @ 2017-07-08 22:10 钢铁小坦克 阅读(231) 评论(0) 推荐(0)
css之display:inline-block布局--转
摘要：css之使用display:inline-block来布局 css之display:inline-block布局 1.解释一下display的几个常用的属性值，inline ， block， inline-block inline: 使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一 阅读全文
posted @ 2017-05-14 15:24 钢铁小坦克 阅读(219) 评论(0) 推荐(0)
CSS选择器-常用搜集
摘要：标签选择器： div{ font-size=10px; color=red; background-color=yello; width=200px; height=200px; } <div>前端威武</div> 类选择器: .box{ } <p class="box">啊啊啊啊</p> ID选择 阅读全文
posted @ 2017-05-09 14:08 钢铁小坦克 阅读(166) 评论(0) 推荐(0)
CSS常用标签-手打抄录-感谢原未知博主-拜谢了
摘要：CSS常用标签 CSS常用标签 一 CSS文字属性 color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-v 阅读全文
posted @ 2017-04-06 18:35 钢铁小坦克 阅读(342) 评论(0) 推荐(0)
标准文档流特性-不含块级元素和行内元素
摘要：文件、图片、表单都附有标准文档流所附有的特性 1.空白折叠现象： 比如当插入两个图片，一个插入代码写一行，另一个图片换一行写标签代码，那么图片和图片之间有间隙。 比如<img src='images/1.jpg'> <img src='images/2.jpg'> 解决方案<img src='ima 阅读全文
posted @ 2017-03-14 18:41 钢铁小坦克 阅读(336) 评论(0) 推荐(0)
CSS盒子知识
摘要：此随笔写于学习完CSS盒子之后，所遇到的问题和感悟记录。 1.IE盒子： IE盒子的特性:对于IE浏览器来说width不是内容宽度.而是内容+外边距+边框的内容总和。 也就是说当盒子增加10px;那么padding减5（双边左右）。 对于普通盒子来说那都是独立的！ 2.如果两个盒子 都用div写 那 阅读全文
posted @ 2017-03-14 16:27 钢铁小坦克 阅读(187) 评论(0) 推荐(0)