学习CSS的第一天--新手感悟

      今天是学习CSS的第一天,对于新手来说还是有一种当年在学校刚学英语单词的感觉,在这里写下自己的随笔,希望能起到温故知新的作用吧,当然最重要的是可以让路过打酱油的高手顺便指点一二,那就实在是感激不敬了。

      那么首当其冲的呢,就是全局选择器“*”了,而其作用呢就和他的名字一样是作用于整个页面的,其表现形式有很多种,比如:*{color:red;}改变整个页面的字体颜色为红色;*{ font-family: "华文行楷";}改变整个页面的字体为华文行楷等等,它的用法简单粗暴,我个人认为适合在初始的时候为整个页面的布局打下基调时使用,由于是初学,又没有过多的写过很多网页,或者设计网页,暂时对这个的用法只能想到这么多,但也是初次见识了CSS的恐怖能力。

      再来呢,就是元素选择器了,相比于全局选择器“*”来说,元素选择器的运用就又要灵活许多,他可以作用于一个元素或多个元素,比如:h1{color: blue;}将整个页面的h1文本颜色改变为蓝色,或者我们也可以复选多个元素,比如:h1,p,strong{color: blue;}将整个页面的h1文本,p文本,strong文本都改变为蓝色。有了这个我们可以更加细化的为我们的整个页面布局。

      有了元素选择器以后,我其实已经发现了CSS就是为了让我们可以更加精准,简单,有效的去完成我们的网页制作,那么后辈选择器和父子选择器也就出现在了我们的面前,这两个选择器可以让我们更加精确的对某个元素的某个段落进行修改,比如:ul > li{background-color: red;}其作用呢就是,可以改变无序列表下的背景颜色为红色,这样做的好处是,我们可以只改变我们想改变的某个段落,而不是让整个页面或者整个元素区域都进行改变。

      接下来,我所接触到CSS的世界以后的第一个神器出现了,那就是“class”类选择器了,而神器往往却是返璞归真,没有华丽的外表,一个简单的“.”紧跟着属性值,就构成了神器的全貌,而其用法也很简单,比如.zjc{font-family: "华文行楷";font-size:"20px"},然后我们在<p class="zjc">我是蛋蛋</p>就可以实现我写入的全部功能了。

      有了“class"的铺垫,接下来的兄弟选择器,就相对的朴实了不少,比如: h1 + h2{background-color: green;}它可以让我们找到相邻的两个共同类型,而且只能向下寻找,并且只能找到一个。

      最后呢,就是属性选择器和伪类选择器了,我想说,我其实没怎么学懂,无力……希望明天能在向老师请教以后,为自己所用吧。

    

学习CSS的第一天--新手感悟,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。