![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css学习
Hesonst
这个作者很懒,什么都没留下…
展开
-
css学习之clear以及禁止div内容被选中
clear属性值有:left、right、both跟none,规定元素的哪一侧不允许其他浮动元素。 其默认值是none,允许浮动元素出现在两侧。 both:在左右两侧均不允许浮动元素。 right:在右侧不允许浮动元素。 left:在左侧不允许浮动元素。 浮动元素所在标签闭合之前及时进行“清除”操作,对于因多加的<div class="clear">&l...2014-08-27 09:42:35 · 257 阅读 · 0 评论 -
子元素选择器(Child selectors)
子元素选择器(Child selector):不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子元素; e.g: 选择只作为 h1 元素子元素的 strong 元素 h1 > strong {color:red;} 这个规则会把第一个 h1 下面的两个 strong 元素变为红色,但是第二个 h1 中的 strong 不受影响: <h1>This...2014-08-30 09:22:40 · 432 阅读 · 0 评论 -
相邻兄弟选择器(Adjacent sibling selector)
相邻兄弟选择器(Adjacent sibling selector):紧接在另一个元素后的元素,而且二者有相同的父元素 e.g 增加紧接在 h1 元素后出现的段落的上边距: h1 + p {margin-top:50px;} 意思解释为:选择紧接在 h1 元素后出现的段落上边距有50个像素,h1 和 p 元素拥有共同的父元素 ...2014-08-30 09:34:10 · 237 阅读 · 0 评论 -
CSS样式表初始化代码
CSS为什么要初始化?建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异。当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。 最简单的初始化方法就是: * {padding: 0; margin: 0;} 。有很多人也是这样写的。这确实很简单,但有人就会感到疑问:*...原创 2014-09-03 08:31:53 · 110 阅读 · 0 评论 -
css浏览器兼容问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-align:middle;...2014-09-24 08:12:33 · 87 阅读 · 0 评论 -
css3圆角属性(border-radius)
前缀 -moz(例如 -moz-border-radius)用于Firefox -webkit(例如:-webkit-border-radius)用于Safari和Chrome。 例1 <div id="round"></div> #round { padding:10px; width:300px; height:50px; border:...2014-09-24 08:18:11 · 170 阅读 · 0 评论 -
怎么样去掉DIV与DIV的空白
div中左右居中代码text-align:center;(水平方向)vertical-align:middle;(垂直方向) line-height:30px;(30px是与设置的div的高度一样) 怎么样去掉DIV与DIV的空白状况描述:1)<div>与<div>之间怎么有一条空白线? 2)div图片与图片之间的空白问题?3)为什么div与div之间设置了margi...原创 2014-09-24 16:21:39 · 1299 阅读 · 1 评论 -
Placeholder的福音——改变字体属性设置
html5提供了placeholder让前端开发人员省了不少事,今天找到一些可以改变其字体属性的方法,仅供参考: ::-webkit-input-placeholder { /* WebKit browsers */ color:#e3b486; text-shadow:0 1px 1px #000; font-weight:bold; font-size:18px;} :-moz...2014-09-27 13:32:24 · 163 阅读 · 0 评论 -
div中图片垂直居中
<html> <head> <style> .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block; *f...2014-09-29 13:15:40 · 117 阅读 · 0 评论