CSS3 有一个 :target 属性
大峪网站建设公司成都创新互联,大峪网站设计制作,有大型网站制作公司丰富经验。已为大峪千余家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱,请找那个售后服务好的大峪做网站的公司定做!
这是一个简单的DEMO 高级用法可以再百度搜索:
!DOCTYPE html
html
head
style
:target {
border: 2px solid #D4D4D4;
background-color: #e5eecc;
}
/style
/head
body
h1This is a heading/h1
pa href="#news1"Jump to New content 1/a/p
pa href="#news2"Jump to New content 2/a/p
pClick on the links above and the :target selector highlight the current active HTML anchor./p
p id="news1"bNew content 1.../b/p
p id="news2"bNew content 2.../b/p
pbNote:/b Internet Explorer 8 and earlier versions do not support the :target selector./p
/body
/html
1、首先,在电脑中打开编辑器,创建html文档。
2、然后,创建h1标签,用行内样式控制字体颜色为红色。
3、接下来,用内部样式选择器选择h1标签,控制它的样式。
4、外部样式需要,创建外部样式.css文件。
5、然后,在html文件里面引入css文件。
6、最后,在浏览器看是否生效,就可以了。
css样式采取的就近样式原则。
行内样式div style=""/div优先级最高,没有行内样式那么会回在页答面找style/style内嵌样式。
名称CSS中的“层叠(cascading)”表示样式单规则应用于HTML文档元素的方式。具体地说,CSS样式单中的样式形成一个层次结构,更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定,从而实现级联效果。
扩展资料:
易于使用和修改:
CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。
另外,可以将相同样式的元素进行归类,使用同一个样式进行定义,也可以将某个样式应用到所有同名的HTML标签中。
参考资料来源:百度百科-CSS
外部样式表
当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 link 标签链接到样式表。
内部样式表
当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 style 标签在文档头部定义内部样式表
内联样式
由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。请慎用这种方法,例如当样式仅需要在一个元素上应用一次时。
没有针对DW的用法吧?DW的功能只是辅助,最好根据页面情况安排,而不是根据开发软件按排。
有这三种 taglibname{} .name{} #id{}
第一种为标签样式,taglib为标签名,后面{}里面加属性,这种样式对页面内所有的标签名为taglibname的标签起作用。
第二种为css类样式,需要在HTML开始标签 后缀 class="name",name即类名,这类标签对HTML内所有后缀同样name的标签起作用 class="name" 可以设在多个开始标签后,表示这些标签具有同一类样式。
第三种为cssID样式,需要在HTML开始标签后缀 id="id",需要注意的是,ID样式的话,每一个name都是独立且不重复的,具有唯一性。
手打!~希望对你有帮助!
(1)引用外部css文件:
在html文件的头部插入link rel="stylesheet" type="text/css" href="***.css" /
例如:html
head
title标题/title
link rel="stylesheet" type="text/css" href="mycss/style.css" /
/head
body
................
/body
/html
若是在xml中,可在声明区插入? xml-stylesheet type="text/css" href="***.css" ?
(2)内部定义样式块:
在html文档的头部插入标记style.../style块
例如:html
head
title标题/title
style
!--
body{font:8pt "Arial"}
h1{font:15pt "Arial";font-weight:blod;color:maroon}
--
/styel
/head
body
................
/body
/html
(3)内联定义:
在对象标记里面使用style属性定义其样式:
例如:p style="margin-left:0.5in;margin-right:0.5in"...../p