摘要：水平居中的方法很简单，通常都是一个margin:0 auto搞定，但是垂直居中就没有那么简单了。首先来说说垂直居中的几种情况。 1、文字垂直居中 文字垂直居中的方法一般是设置高度与行高一致，然后文字就垂直居中了。来看下面的示例： 其显示效果如下： 2、将一个div垂直居中下面来将一个div设置到整个
阅读全文
|
|
随笔分类 - 前端：css学习笔记
摘要：水平居中的方法很简单，通常都是一个margin:0 auto搞定，但是垂直居中就没有那么简单了。首先来说说垂直居中的几种情况。 1、文字垂直居中 文字垂直居中的方法一般是设置高度与行高一致，然后文字就垂直居中了。来看下面的示例： 其显示效果如下： 2、将一个div垂直居中下面来将一个div设置到整个
阅读全文
摘要：CSS3有一些是与旧版CSS2.1重叠的，有一些是没有浏览器支持的，全学没必要，下面只记录一下有用的。 一、CSS3边框 1、圆角border-radius border-radius:值越大，角越圆； border-top-left-radius:2em; border-top-right-rad
阅读全文
摘要：一、清除浮动的目的。 1、当一个父元素的高度不写或为auto时，而且这个父元素内又有浮动的子元素，那么这时候该父元素的高度将不会自动适应子元素的高度，也可以说高度是0px; 有如下代码： <div class="divp" style="width:300px; background:red; border:3px solid #000000;"> <div style="height:300px;float:left; background-color:Green">123123</div> &l
阅读全文
摘要：一、类内部HackIE都能识别*;标准浏览器(如FF)不能识别*；IE6能识别*，但不能识别 !important, IE7能识别*，也能识别!important; FF不能识别*，但能识别!important;IE6支持下划线，IE7和firefox均不支持下划线。IE6IE7FF*√√×!important×√√_√×× 下面给出一个实例,在google，火狐下显示红色，IE7显示绿色，IE6显示蓝色的实例。<head> <title>CSS_Hack测试</title> <style type="
阅读全文
摘要：1.尽量用class来定义样式。尽量少使用 .div1 ul li{}这样的样式下去，因为如果li里面还有这些元素的话会造成干扰，应该给ul加个class如这样来写。2.margin:0px auto; 用于兼容不同分辨率的内容居中设置。3.分享一个非常好用的CSS图片合并网站，他能够将用户上传的图片一次合并成为一张大图片，同时还能够生成每张图片的背景位置，对于减少HTTP请求非常有用。http://cn.spritegen.website-performance.org/4.如果用了float:left;那么能用float:left就一直用float:left。否则左右不定，当HTML结构.
阅读全文
摘要：一个盒子实际所占有的宽度或高度是由"内容+内边距+边框+外边距"组成。 1.边框border边框的主要属性有三个，分别是：border-width：边框宽度、 border-style：边框样式、border-color：边框颜色。以上属性可以单个写，也可以写成：border:[border-...
阅读全文
摘要：一.CSS引入方法：行内式、嵌入式、导入式、链接式。 1、行内式。 即：在标签的style属性中设定CSS样式。 例子：<div style="background-color:red">行内式</div> 2、嵌入式 即：将页面各种元素的设置集中写在<head></head>标签里。 例子： <head> <style type="text/css"> div{ background-color:blue; } </style> </head> 3、导入式
阅读全文
摘要：相对偏移 指定left top等属性就能够够完美控制一个元素的位置 如：position:relative; left:2px;今天遇到一个很好玩的问题，当两个并排浮动框，当一个框的长度太大时就会把另一个框顶到下一行，这个时候就可以用margin-right:-2px;将右外距设置为负数来解决！css写表达式控制图片大小，当图片大小大于某一数值时，强制设置其宽 高为指定大小。img { max-width: 163px; width:expression(this.width > 163 ? "163px":this.width); height:expression
阅读全文
|
