常用CSS设置

【常用CSS设置】的更多相关文章

主要内容: 一.容器类二.文本类三.特效类一.容器类 1.background-image:url('img/02.gif'); 设置背景图(可以是动态图) 2.background-color: LimeGreen; 设置背景颜色3.color:white; 设置容器内文本的颜色 4.margin: 0 auto; 元素水平居中 5.float:left:可设置元素向左浮动 6.clear:both可以禁止旁边有float元素出现 7.overflow.overflow-x.…

获取jQuery对象的第N个DOM元素 && table常用css样式

获取jQuery对象的第N个DOM元素 1.$(selector).get(N-1) 2.$(selector)[N-1] 注意:.index()方法返回的是一个数,相当于C#中的IndexOf() 获取jQuery对象的第N个元素 1.$(selector:eq(N-1)) 2.$(selector).eq(N-1) table常用css样式 border-spacing:10px; 表格里边框之间的距离.border-collapse 有三个参数可选:collapse,separate(默…

几个简单的css设置问题：div居中，ul li不换行，内容超出自动变省略号等

1 div在页面居中的问题 1)position值为relative时(相对定位),css设置属性margin:0 auto;(0 auto,表示上下边界为0,左右则根据宽度自适应相同值,即居中)即可. 2)position值为relative时(绝对定位),css设置属性 text-align:center; left:50%; margin-left:-500px;(左边距margin-left设置为当前div宽度的一半的负值即可). 代码示例: .page { position:…

常用CSS HACK

常用CSS HACK IE6 3像素bug和双边距bug一样的经典现象: IE6下浮动元素和不浮动元素之间会有3px间隙(3px bug,div.float-left + div.float-none) 解决需设置 div.float-left{ margin-right:-3px;} 选择器hack * (只有IE6-能识别) * html IE6认为最外层的元素不是html ,而是* . html是*的子元素 .abc.aclassSelector{} (不存在样式成分忽略 IE6=)…

常用css样式(布局)

兼容css3新属性在css3中,我们可以使用prefixfree.min.js这个插件来自动为css3的相关属性加上兼容浏览器属性,使我们不用为每个css3新属性再加上属性(需要用到大量css3的项目时再引入) content布局当h5内嵌在app里面的时候,在iso手机下,底部(头部)固定按钮会跟着一起滚动,需要使用content布局,然后使用padding-bottom或者padding-top,把相应的位置空出来!!! 当需要在content里面滚动的时候,需要将body和html设置…

html5--6-59 其他常用CSS属性

html5--6-59 其他常用CSS属性实例学习要点了解opacity属性:透明度设定了解cursor属性:自定义鼠标样式了解CSS新单位rem和em的区别了解轮廓outline的设置掌握display 属性常用属性值: opacity:透明度设定 IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度.opacity 属性能够设置的值从 0.0 到 1.0.值越小,越透明. E8 以及更早的版本使用滤镜 filter:a…

day 40 文本属性常用css属性定位

一. 浮动的特性 1.浮动的元素脱标 2.浮动的元素互相贴靠 3.浮动的元素由"字围"效果 4.收缩的效果前提是标准文档流,margin的垂直方向会出现塌陷问题. 如果盒子居中:margin: 0 auto;如果盒子浮动了,margin: 0 auto;就不起任何作用需求:让浮动的盒子居中给浮动盒子,加一个父盒子,设置宽度跟浮动盒子一样大小,并且overflow:hidden; 设置该盒子margin: 0 auto; .box{ width: 400px; height: 30…

11种常用css样式学习大结局滚动条与显示隐藏

滚动条展示 overflow-x: hidden;/*是否对内容的左/右边缘进行裁剪*/overflow-y: hidden;/*是否对内容的上/下边缘进行裁剪*/overflow:scroll;/*左右滚动*/overflow: hidden;/*截取*/overflow: auto;/*自动*/显示与隐藏可以用display/* display: none; *//* display: block; *//* display: inline-block; */visibility显示与隐藏v…

JQuery常用CSS操作

JQuery常用CSS操作 $(elem).css(obj):设置行内样式 $(elem).position():返回相对于父容器位置,只能获取不能设置 $(elem).offset(obj):返回相对于页面左上角位置,既能获取也能设置 $(elem).scrollTop(num):返回滚动条位置,设置滚动条位置 $(elem).width(num):设置宽度,获取宽度 $(elem).height("50px"):设置高度,获取高度 $(elem).addClass(classNam…

Day 31：CSS选择器、常用CSS样式、盒子模型

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"…