div style="position:absolute;left:26px;top:14px;width:99px;height:28px;z-index:1;"变成行间样式/div 这样写,不过这样写的弊端就是以后修改起来,比较麻烦了
成都创新互联公司于2013年成立,先为阳原等服务建站,阳原等地企业,进行企业商务咨询服务。为阳原企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
div img{} 这样的话只有div内的img才会匹配这个样式,div本身不会的。
像这样用空格隔开的选择器表示前后包含关系,用文字来描述就是“div内的img”;
如果是用逗号隔开的比如 div,img{} 则是平行关系,用文字来描述就是“div以及img”,这样的话这个样式就会同时匹配到这两种标签上;
如果是类似这样的 div.abc 则是一种叠加的关系,即“类(class)名为abc的div”;
div#abc 则是“ID为abc的div”
比如:
div ID为box, 它原有的属性为:
style type="text/css"
#box {width: 100px; height: 100px; border: 1px solid red;}
/style
div id="box"测试数据/div
要改为行内样式的话,在div 内添加 style=“...” 把属性尽数复制到style中就可以了,如下
div style="width: 100px; height: 100px; border: 1px solid red;"测试数据/div
这样就不用ID属性去调外部css代码了,所以可省略;
希望你能看懂!!!
a:link,a:visited,a:hover,貌似不可以用行内样式表示哦。
可以用内部样式:
style
a:link {color:blue}
a:visited{color:red}
a:hover {color:yellow}
/style
也可以用css文件中的外部样式:
link rel="stylesheet" type="text/css" href="test.css"/link
test.css文件里:
a:link {color:blue}
a:visited{color:red}
a:hover {color:yellow}
但是貌似不可以用行内样式的。
如果一定要用,可以这样的方式来:
a href="javascript:void(0);" onmouseover="this.style.color='yellow';" onmouseout="this.style.color='blue';" onclick="this.style.color='red';"链接/a
其中,onmouseout对应的a:link,onclick对应的a:visited,onmouseover对应的a:hover
有外部式,内嵌式,行内样式。
1、外部式:
(1)用法:当要在站点上所有或部分网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表中修改一次,而该更改会反映到所有与该样式表相链接的网页上。
(2)举例:通常外部样式表以 .css 做为文件扩展名,例如 Mystyles.css。然后在需要此样式的页面中将其链接进来。
2、内嵌式:
(1)用法:当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的 标记符内。嵌入的样式表中的样式只能在同一网页上使用。
(2)举例:在 MicrosoftFrontPage2000中,某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令(在 “格式” 菜单上)在普通段落周围应用框,FrontPage 会写下格式设置信息,作为段落标记符的内嵌样式属性。
3、行内样式:
行内样式就是直接把CSS代码添加到HTML的标记中,即作为HTML标记的属性标记存在。通过这种方法,可以很简单地对某个元素单独定义样式。