南大软院21天大神养成计划-第4天

原创 2015年11月20日 22:24:02

今天是第四天,今天的我学习了三章内容,分别是:第六章:开始学习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!!!

南大软院21天大神养成计划第1天

第一天            怀着激动的心情打开慕课网!参与web前端工程师计划,开启一段新的旅程!!经过一小截时间的迷茫,纠结了一下学会网页制作到底该学些什么,虽然也没纠结出什么结果,所以就迷迷...
  • xhyxhyqq
  • xhyxhyqq
  • 2015年11月16日 21:52
  • 219

南大软院21天大神养成计划第9天

第9天         学习了CSS样式基本知识和CSS选择器,对代码有了更进一步的理解,不会看着满屏的代码开始惆怅难道这些都是硬背下来的吗..但是感觉还是靠即一方面的偏多,毕竟熟能生巧,练得多了...
  • xhyxhyqq
  • xhyxhyqq
  • 2015年11月24日 23:52
  • 170

南大软院21天大神养成计划-第5天

南大软院21天大神养成计划-第5天
  • suchunmiao
  • suchunmiao
  • 2015年11月21日 21:53
  • 251

南大软院21天大神养成计划-第1天

我是南大非软件学院的一名学生,目前在参加南大软院的网页设计大赛,这是我初步开始学习这个软件,如有错误,还请各位能指正,谢谢 上面是我今天的学习情况,下面我来总结今天我所学到的内容:今天的我完...
  • suchunmiao
  • suchunmiao
  • 2015年11月17日 15:26
  • 285

南大软院21天大神养成计划第8天

第8天          前两天因为种种原因好吧就是不想写所以一直没有写博客.今天决定来写一写.        今天学的是利用标签使网页与浏览者互交和CSS的一些基本样式.        由于个人学习...
  • xhyxhyqq
  • xhyxhyqq
  • 2015年11月23日 18:26
  • 92

南大软院21天大神养成计划-第二天

南大软院21天大神养成计划-第二天
  • suchunmiao
  • suchunmiao
  • 2015年11月18日 22:42
  • 240

南大软院21天学霸养成计划—第6天

南大软院21天学霸养成计划—第6天
  • suchunmiao
  • suchunmiao
  • 2015年11月22日 23:09
  • 619

总结第一个21天计划

写博客这部分坚持下来了,完成的不错,有几篇博客还被几个博友关注了,非常开心。 每天刷牙洗脚也挺好的,现在已经变成了一种习惯,很欣慰。 起床这部分做的也不错。 每天100个仰卧起坐或俯卧撑这块,由于过...
  • yongshi6
  • yongshi6
  • 2015年04月21日 17:11
  • 252

南大软院21天大神养成计划第4天

第4天         最近事情比较多,正好课又都集中在这两天,导致花了两天时间才看完4章html标签介绍。虽然说不是所有标签,但也几乎把常用的标签都介绍完了,对于一个网页里面的标题、排版、表格、...
  • xhyxhyqq
  • xhyxhyqq
  • 2015年11月19日 23:55
  • 277

【南大软院大神养成计划:第一天】种下21天,收获不一样的自己——前端养成启程!

在第一天的学习小节前,想先说一说自己的经历,所谓回顾历史,面向未来....     高考完,知道自己被南大软院录取时,心里被两股情绪塞满,那股红色的是欣喜,欣喜从初中就铸下学IT的理想的我终于可以做...
  • Sonshines
  • Sonshines
  • 2015年11月16日 20:52
  • 723
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南大软院21天大神养成计划-第4天
举报原因:
原因补充:

(最多只允许输入30个字)