仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 866|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来看看:CSS教程:制服初级CSS挑选器

[复制链接]
金色的骷髅 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:37:26 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
在几乎所有的浏览器上都可以使用。15.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。
网页制造poluoluo文章简介:CSS是对网页计划师可用的最壮大的工具之一。利用它我们能够在几分钟内改动一个网站的界面,而不必改动页面的标签。可是只管现实上,我们每一个人也都意想到了它是有效的,CSS选择器远未发扬它们的潜力,有的时分我们还趋势于利用过量的和无用的class、id、div、span等把
CSS是对网页计划师可用的最壮大的工具之一。利用它我们能够在几分钟内改动一个网站的界面,而不必改动页面的标签。可是只管现实上,我们每一个人也都意想到了它是有效的,CSS选择器远未发扬它们的潜力,有的时分我们还趋势于利用过量的和无用的class、id、div、span等把我们的HTML弄的很混乱。

制止让这些“瘟疫”在你的标签中传布并坚持其简便和语义化的最好体例,就是利用更庞大的CSS选择器,它们能够定位于指定的元素而不必利用分外的class或id,并且经由过程这类体例也能够让我们的代码和款式加倍天真
CSS的优先级

在深切研讨初级CSS选择器范畴之前,了解CSS优先级是怎样事情的是很主要的,如许我们就晓得怎样得当的利用我们的选择器并制止华侈大批的工夫来调试一些只需我们注重到优先级的话就很简单被弄定的成绩
当我们写CSS的时分我们必需注重有些选择器在级联(cascade)上会高于别的选择器,我们写在最初面的选择器将纷歧定会掩盖后面我们写在统一个元素的款式。
那末你怎样盘算指定选择器的优先级?假如你思索到将优先级暗示为用逗号离隔的四个数字就会相称复杂,好比:1,1,1,1或0,2,0,1

  • 第一个数字(a)一般就是0,除非在标签上利用style属性;
  • 第二个数字(b)是该选择器上的id的数目的总和;
  • 第三个数字(c)是用在该选择器上的别的属性选择器和伪类的总和。这里包含class(.example)和属性选择器(好比li[id=red]);
  • 第四个数字(d)盘算元素(就像table、p、div等等)和伪元素(就像:first-line等);
  • 通用选择器(*)是0优先级;
  • 假如两个选择器有一样的优先级,在款式表中前面的谁人起感化。
让我们看几个例子,如许也许对照简单了解些:


  • #sidebarh2—0,1,0,1
  • h2.title—0,0,1,1
  • h2+p—0,0,0,2
  • #sidebarp:first-line—0,1,0,2
鄙人面的例子中,第一个将会起感化,由于它比第二个优先级高:


  • #sidebarp#first{color:red;}—0,2,0,1
  • #sidebarp:first-line{color:blue;}—0,1,0,2
最少基础了解优先级是怎样事情的是很主要的,可是一些工具好比Firebug,在我们检察指定元素的时分,依照选择器的优先级列出一切的css选择器对让我们晓得在指定元素上哪一个选择器是无效的是很有效的。

让你十分简单的看到谁人选择器感化于一个元素上了。
有效的文章:


  • CSSSpecificity:ThingsYouShouldKnow
  • LinkSpecificity
兰色精灵 该用户已被删除
沙发
发表于 2015-1-17 23:38:48 | 只看该作者
AdobeDreamweaver(前称MacromediaDreamweaver)是Adobe公司的著名网站开发工具。
因胸联盟 该用户已被删除
板凳
发表于 2015-1-26 10:00:22 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
活着的死人 该用户已被删除
地板
发表于 2015-2-4 18:08:04 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
飘灵儿 该用户已被删除
5#
发表于 2015-2-10 05:24:43 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
admin 该用户已被删除
6#
发表于 2015-2-28 22:50:55 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
再现理想 该用户已被删除
7#
发表于 2015-3-10 09:43:52 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
乐观 该用户已被删除
8#
发表于 2015-3-17 06:32:59 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
透明 该用户已被删除
9#
发表于 2015-3-24 01:34:57 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-4 02:56

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表