今天是第四天,今天的我学习了三章内容,分别是:第六章:开始学习CSS,为网页添加样式;第七章:CSS样式的基本知识;第八章:CSS选择器。
在第六章中我开始了解在前面学习标签时候一直提到的CSS内容,首先我得知道CSS是什么,CSS:全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。我们可以给我们特定选择的内容加上我们所需要的格式。那么我们学习CSS有什么优势呢?它的优势就是可以同时为多个短语进行编辑,非常实用。CSS样式由选择符和声明组成,而声明又由属性和属性值组成。选择器帮助我们选择编辑的范围,属性表明我们要编辑的属性:比如颜色、字体、高度等等,属性值就是跟随属性的具体表现,颜色里面有红色,蓝色之类、字体尺寸有大有小。CSS的注释代码你会发现和大多数机器语言一样:比如C语言就是这种注释。
CSS样式代码插入的形式有三种:内联式、嵌入式、外部式,其中内联式是把代码直接写在HTML中,嵌入式代码写在<style type="text/css"></style>标签之间,外部式的言外之意无非就是把代码写在一个单独的外部文件中,既然有三种方式,那么一旦组合起来的话就一定要有优先顺序,一般的来说时:内联式>嵌入式>外部式,由里到外,我们也好理解,越靠进编辑文本里面的当然优先级高一点
CSS选择器:通过名字就知道这是具有选择的功能,它由选择器和样式组成。选择器包括:标签选择器、类选择器、ID选择器......等等。标签选择器是选择HTML代码中标签并进行编辑,类选择器是选择一类,就不再是单一的一个标签了,值得注意的就是不要忘了代码前面的圆点,ID选择器大多方面都和类选择一样,但是有几点不一样,那就是标签以id=“”为语法,还有最前面不再是圆点而是#。最大的区别就是一个html文件中ID选择器只能使用一次,而类选择器可以使用无数次。还有一个较有用的选择器就是自选择器,它是一个子代关系,也就是在一个选择器编辑完了之后再加一个子选择器就可以叠加编辑,最能体现的就是我们要突出文本的时候。与子选择器同类的是后代选择器,前者是某一个的字选择器,而后一个是整个文本的后代选择器,通过上面的介绍,你是不是已经感觉到了厌倦了,这么多的话我怎么记得住,其实不用担心,每件东西都有一个通用的样式,就比如解高数题目的时候都有通解,那么CSS也一样,通用选择器的语法是:*{属性:属性值:}属性和属性值前面都已经介绍了,看到这你是不是松了一口气,只要记住这一个就可以了,最后如果我们需要对多个标签设置同一样式时,可以使用分组选择符。
CSS还有几种属性:继承、特殊性、层叠、重要性。继承顾名思义就是继承上面的额属性,上面我讲了子选择器,这就是一个很好的体现,当某个标签属性改变时候,它的所有子选择器也会继承属性跟着改变,当我们对同一个样本进行了多次的编辑,那么会呈现那种属性呢?计算机默认是根据权值来判断的,那么什么是权值,权值怎么计算,我们规定标签权值为1,类选择符为10,ID选择符为100,具有叠加性,多个标签在一起的时候就可以叠加,如果出现了权值相同的时候我们是根据叠加原理,也就是说后面的编辑覆盖前面的编辑,这样很好理解,如果多个编辑,我要指定某一个编辑体现,那么我们可以为它设置最高权值,很简单,只需要在后面加important——重要。
今天我的学习就是这么多了,接触了CSS,感觉兴趣挺大,看到课程后面还有好多关于CSS的,还需要慢慢学,这还只是开始,fighting!!!