圆角效果: border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */ 阴影: box-shadow:X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式(inset)]; 1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊; 阴影扩展半径:此参数可选,其值可以是正负值,如果...
jQuery修改class属性和CSS样式class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔. 具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp 用jQuery进行类名修改既可以用attr()方法修改”class”属性,也可以用addClass(), rem...
html中用css改变颜色, 复制代码代码如下:<hr style="border:0;background-color:#ff0000;height:1px;"> 如果不加border:0;的话,虽然颜色改变了,但是会显示一条黑色的边框。 如果不加height:1px;的话,在firefox下会不显示。原文:http://www.jb51.net/css/111802.html
列表类型(list-style-type)要影响列表的样式,最简单(同时支持最充分)的办法就是改变其标志类型。在一个无序列表中,列表项的标志 (marker) 是出现在各列表项旁边的圆点。在有序列表中,标志可能是字母、数字或另外某种计数体系中的一个符号。属性值有以下:list-style-type:none无标记list-style-type:disc默认,标记是实心圆list-style-type:circle 空心圆list-style-type:square实心方块list-style-type:decimal标记是...
div(css layout的主要标签)、dl(定义列表) 、h1~h6(标题)、p(段落)、table(表格) , ul(非排序列表)特点: 会自动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形的样子 内联元素(inline element) a(超链接)、span(常用内联容器,定义文本内区块)、i(斜体)、img、em(强调)、label特点: 和其他元素都在一行上、元素的高度、宽度、行高及顶部和底部边距不可设置、元素的宽度就是它包含的文字或图片的宽度...
实现效果:鼠标经过div01,div02显示;鼠标经过div02,div02不显示;为什么我不改成能显示中文?改了之后一样中英文都可以,有什么区别吗?这个主要是给搜索引擎看的,搜索引擎不会去判断该站点是中文站还是英文站,所以这句话就是让搜索引擎知道,你的站点是中文站,对html页面本身不会有影响这些现在都是html规范,你的页面越规范,就越容易被收录 问题是当我经过div02所在的位置时div02还是会显现<!DOCTYPE HTML><html lang="en...
<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css" >div#test1{float:left;background-color:blue;width:200px;height:200px;border:1px solid black;}div#test2{background...
在有些标记语言中,不能使用类名和id选择器,于是css2引入了属性选择器。3.属性选择器 a)根据是否存在该属性来选择 如果希望选择有某个属性的元素,例如要选择有class属性的所有h1元素,使其文本为银色,可以这样写:/*根据单个属性来选择*/h1[class]{color:sliver;
}/*还可以根据多个属性来选择*/h1[class][id]{ color:yellow;} b)根据具体属性值来选择 <style> /*也可以利用多个属性值来选择,第二段...
给一个HTML元素设置css属性,如var head= document.getElementById("head");
head.style.width = "200px";
head.style.height = "70px";
head.style.display = "block";这样写太罗嗦了,为了简单些写个工具函数,如function setStyle(obj,css){for(var atr in css){obj.style[atr] = css[atr];}
}
var head= document.getElementById("head");
setStyle(head,{width:"200px",height:"70px",display:"block"})发现Google API中使用了...
[CSS all 属性实例修改所有元素或其父元素的属性为初始值:
div{??? background-color: yellow;??? color: red;??? all: initial;}定义和使用all 属性用于重置所有属性,除了 unicode-bidi 和 direction。默认值:none继承:无动画:no。 阅读 animatable
版本:CSS3JavaScript 语法:object.style.all="initial"浏览器支持The numbers in the table specify the first browser version that fully supports the property.
表格中的数字...
1.水平对齐(text-align)text-align属性用于设置文本内容的水平对齐,相当于html中的align对齐属性,是让盒子里面的内容水平居中, 而不是让盒子居中对齐。其可用属性值如下:left:左对齐(默认值)right:右对齐center:居中对齐 1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<title>Title</title> 6<style> 7 div { 8 background-color: pink; 9 text-align: center;10}1...
CSS属性属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性。属性值:属性值包括法定属性值及常见的数值加单位,如25px,或颜色值等。文本属性文本大小font-size属性值为数值型时,必须给属性值加单位,属性值为0时除外。单位还可以是pt,9pt=12px。为了减小系统间的字体显示差异,IE Netscape Mozilla的浏览器制作商于1999年召开会议,共同确定16px/ppi为标准字体大小默认值,即1em.默认情况下,1em=16px,0....
1.attr(name|properties|key,value|fn)设置或返回被选元素的属性值$("img").attr("src");返回文档中所有图像的src属性值$("img").attr({ src: "test.jpg", alt: "Test Image" });为所有图像设置src和alt属性$("img").attr("src","test.jpg");为所有图像设置src属性$("img").attr("title", function() { return this.src });把src属性的值设置为title属性的值2.removeAttr(name)从每一个匹配的元素中删除一个属性$("img").removeAtt...
zoom:1;一般是拿来解决IE6的子元素浮动时候父元素不随着自动扩大的问题,功能相当于overflow:auto,同样也可以用height:1%来代替zoom:1。所以一般要在浮动元素的父元素加上overflow:auto;zoom:1; 。这样,子元素浮动,父元素再也不会不自动跟子元素扩大了。Zoom的使用方法:复制代码代码如下:zoom :? normal | numbernormal : 默认值。使用对象的实际尺寸number : 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相...
CSS2.1中有5个background属性可以用来控制元素的背景。这5个属性是:background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position为了更好的驾驭背景图片,CSS3添加了3个新的background相关属性,以及一系列的相关属性值。不过在我们与这几个新属性亲密接触之前需要知道3个重要的盒子。
三个盒子
假设现在有个容器,容器里面有些内容,虽然我们看不见,但是这些内容的外面是有一个盒子的,这个盒子...