仓酷云

标题: 来谈谈:具体先容CSS的三种selector [打印本页]

作者: 逍遥一派    时间: 2015-1-16 00:22
标题: 来谈谈:具体先容CSS的三种selector
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识。
CSS的三种selector
上一节入手下手我们会商CSS(CascadingStyleSheet)的基本.告知你有三种Selector.但只先容了个中的HTMLselector.这一节我们把三种都具体先容给你HTMLselector、classselector、IDselector:

HTMLselector
HTMLselector就是HTML的tags,好比P,DIV,TD等.如你用CSS界说了它们,在整页中,这个Tag的性子就依照你的界说来显现了.HTMLselector的语法以下
tag{property:value}好比我们想叫H1的色彩是红的H1{color:red}这里还要告知你CSS的一个特性,它可界说好几个selector在一个rule里.好比H1,H2,TD{color:red}这个界说就可以让一切的H1,H2,和TD的色彩都为白色.

Classselector
Classselector有两种,一种叫相干classselector,它跟一个HTML的tag有干系.它的语法是tag.Classname{property:value}好比我们想叫一些而不是全体H1的色彩是红的H1.redone{color:red}如许鄙人面的语句中,第一个H1是白色的,而第二个就不是了<H1class="redone">白色的标题</H1><H1>一般的标题</H1>第二种是自力classselector.它可被任何HTMLtag所使用.它的语法以下.Classname{property:value}假设我们有上面这个界说.blueone{color:blue}那末我们能够把他使用到分歧的Tag傍边往.好比<H1class="blueone">蓝色的标题</H1><Pclass="blueone">蓝色的段落</P>明显classselector给了我们更多的自在.

IDselector
IDselector实在跟自力classselector的功效一样.而区分在于它们的语法和用法分歧,和关于Javascript利用HTML
元素有匡助.它的语法以下#IDname{property:value}假设我们有上面的界说#yelowone{color:yellow}我们能够使用这个界说就任何的有一样ID名字的tag,好比<SPANID="yellowone">texthere</SPAN>你大概以为既然IDselector和自力classselector功效一样,为何二者都存在呢.假如你晓得用CSS-P来定位的话,你就分明它们的区分了.有ID的HTML元素能够被CSS-P和JavaScript来利用。到如今为止,你已也许晓得怎样来写CSS的界说了,上面五节我们将会告知你怎样用CSS来利用或修正
</p>
可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
作者: 不帅    时间: 2015-1-18 06:20
学Dreamweaver技术的过程其实是一个增加信心的过程。
作者: 飘飘悠悠    时间: 2015-1-25 13:33
滚动条)层属性--溢出(visible/hidden/scroll/auto)
作者: 分手快乐    时间: 2015-2-2 22:18
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
作者: 再见西城    时间: 2015-2-8 14:17
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
作者: 愤怒的大鸟    时间: 2015-2-25 19:30
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
作者: 只想知道    时间: 2015-3-8 02:56
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
作者: 爱飞    时间: 2015-3-15 21:37
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
作者: 活着的死人    时间: 2015-3-22 05:10
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2