原创CSS网页布局四CSS选择器

上节教程完了以后,很多人加群一起交流,也提出了一些问题和建议.其中貌似一些朋友对HTML/XHTML的基础还是比较薄弱的,所以叉子制作了一个XHTML资料表,方便大家学习.这里叉子抽点时间大概解释下.

 

大家一定有理解下面几个问题：

 

⒈网页类似一块黑板,是用来包含[文字],[图片]等信息用的.

⒉了解网页内的元素包含那些.[文字],[图片],[列表],[表格],[超级链接]

⒊掌握如何增加这些元素到网页内,就如同向黑板中画或者写信息一样.

⒋网页内的元素应该进行一个排列和修饰,这个就是排版.

⒌排版的主要目的是：设置字体颜色,大小,样式,以及网页元素之间的距离和网页元素在网页中的位置.

⒍需要掌握如何控制网页内元素的方法,这个就是选择器.

 

选择器的种类：

 

⒈标签选择器,也就是上节教程我们学习的.这个选择器直接使用网页元素的XHTML标签作为选择器名称,也定位网页内的元素.

 

⒉类选择器和ID选择器[可以理解为,自定义选择器.],因为很多情况下只使用标签选择器是很难完成精确定位网页内元素的.

·类选择器 .div123 class属性

·ID选择器 #div123 id属性

什么是类选择器和ID选择器的区别？

 

⒊通用选择器,选择网页内的所有元素.设置统一规则.

*

 

⒋后代选择器,虽然自定义选择器完全可以实现控制网页内任意元素的目的,但却增加了代码量,所以,后代选择器可以减少不必要的代码量.

利用层次来进行定位,优点,减少自定义选择器名称代码.

 

伪元素：

 

first-letter 对某个文本区域内的首字母的控制.

first-line 对某个文本区域内的首行的控制.

 

另：zblog交流群已满,群内热心好友[D调]贡献一高级群：28727497 想一起学习zblog建站的可以加这个.

 

这里介绍几个群内朋友做的网站,大家可以看看,注意安全… 毕竟都是黑鹰出来的… 黑客技术都很NB的… 小心碰见…

 

落雁【ZB】(822647559)  - www.snake314.cn
永远【ZB】(253743710) - www.2dwd.cn
ddddd+【zb】(463860488)  - www.ddddd8.cn

 

上一篇：原创CSS网页布局三

下一篇：原创CSS网页布局[五]层叠与优先级概念