上一页 1 2 3 4 5 6 7 8 9 ··· 11 下一页
摘要: 鼠标放在某个文字上时,展示文字的解释说明 代码: 文字绕图: 代码: 页面效果: 阅读全文
posted @ 2019-03-31 01:23 reyinever 阅读(1523) 评论(0) 推荐(0) 编辑
摘要: 代码: 页面效果: 阅读全文
posted @ 2019-03-31 01:19 reyinever 阅读(447) 评论(0) 推荐(0) 编辑
摘要: 块元素、内联元素、内联块元素: 元素就是标签,布局中常用的有三种标签,块元素、内联元素、内联块元素,了解这三种元素的特性,才能熟练的进行页面布局。 块元素,也可以称为行元素,布局中常用的标签,如:div、p、ul、li、h1-h6等等都是块元素,它在布局中的行为: (1)支持全部的样式 (2)如果没 阅读全文
posted @ 2019-03-31 01:16 reyinever 阅读(4458) 评论(0) 推荐(0) 编辑
摘要: css元素溢出: 当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来设置。 overflow的设置项: (1)visible 默认值 内容不会被修剪,会呈现在元素框之外 (2)hidden 内容会被修剪,并且其余内容是不可见的,此属性还有清 阅读全文
posted @ 2019-03-31 01:07 reyinever 阅读(803) 评论(0) 推荐(0) 编辑
摘要: 在两个盒子嵌套时,内部的盒子设置的margin-top会加到外边的盒子上,导致内部的盒子margin-top设置失败,解决方法如下: (1)外部盒子设置一个边框 (2)外部盒子设置overflow:hidden (3)使用伪元素类: .clearfix:before{ content:””; dis 阅读全文
posted @ 2019-03-31 01:05 reyinever 阅读(1372) 评论(0) 推荐(0) 编辑
摘要: margin使用技巧: (1)设置元素水平居中:margin:x auto; (2)margin负值让元素位移及边框合并 <!--EndFragment-->代码: 负值:元素位移及边框合并<!--?xml:namespace prefix = "o" ns = "urn:schemas-micro 阅读全文
posted @ 2019-03-31 01:03 reyinever 阅读(634) 评论(0) 推荐(0) 编辑
摘要: css中把元素叫做盒子,设置对应的样式分别为:盒子的宽度(width)、盒子的高度(height)、盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子和盒子之间的间距(margin)。 设置宽高: width:200px; /* 设置盒子的宽度,此宽度是指盒子内容的宽度 阅读全文
posted @ 2019-03-31 00:51 reyinever 阅读(248) 评论(0) 推荐(0) 编辑
摘要: css常用的选择器有: 1.标签选择器: 标签选择器,这种选择器影响范围大,建议尽量应用在层级选择器中。 如: *{margin:0;padding:0} /* 影响所有的标签 */ div{color:red} /* 影响所有的div标签 */ <div>......</div> <!-- 对应以 阅读全文
posted @ 2019-03-31 00:32 reyinever 阅读(11336) 评论(0) 推荐(1) 编辑
摘要: css颜色值主要有三种表示方法: (1)颜色名表示,如:red红色,gold金色 (2)rgb表示,如:rgb(255,0,0)表示红色 (3)16进制数值表示,如:#ff0000表示红色,这种可以简写成#f00 阅读全文
posted @ 2019-03-31 00:24 reyinever 阅读(211) 评论(0) 推荐(0) 编辑
摘要: 常用的应用文本的css样式: (1)color 设置文字和颜色,如:color:red; (2)font-size 设置文字的大小,如:font-size:20px; (3)font-family 设置文字的字体,如:font-family:’微软雅黑’; (4)font-style 设置字体是否倾 阅读全文
posted @ 2019-03-31 00:23 reyinever 阅读(990) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 9 ··· 11 下一页