简易学习培训css组成与CSS嵌套循环的写法

日期:2020-09-29 类型:科技新闻 

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板


简易学习培训css组成与CSS嵌套循环的写法.
CSS组成
  你无须反复有同样特性的好几个挑选符,你要是用英文逗号(,)分隔挑选符便可以了。
  例如,你有以下的编码:
h2 { color: red; }
.jb51 { color: red; }
.jb51com { color: red; }
  则你能够这样写:
h2,.jb51,.jb51com { color: red; }
  应用组成,你能够1次界定好几个CSS,为你节约许多字节和時间。
CSS嵌套循环
  CSS构造好的话,沒有必要应用过量的类或标志挑选符。这是由于你能够特定在挑选符内的挑选符。(或更好的说法,左右文挑选符--译者著)
例如:
#top { background-color: #ccc; padding: 1em }
#top h1 { color: #ff0; }
#top p { color: red; font-weight: bold; }
  这就减去无须要的类或标志挑选符,假如运用到像这样的HTML中:
<div id="top">
<h1>jb51.net</h1>
<p>This is my recipe for making curry purely with chocolate</p>
<p>Mmm mm mmmmm</p>
</div>
  这是由于,用英文半角空格间距挑选符,大家指明了在标志id内的h1有“#ff0”的色调,而p则是鲜红色red和粗体bold。
  这将会也会一些繁杂(由于将会不止两级,例如在本质本质本质内这些)。你必须多加训练。
  应用嵌套循环,可让你的CSS编码读起来更清楚,能给你制订的元素订制CSS。