南大软院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天大神养成计划-第5天

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

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

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

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

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

南大软院大神养成计划 第一天

和很多人不一样,我在此之前是并没有过接触过任何web设计的编程语言的。可能就是因为这样,当今天看见imooc上的代码时,会有点不太适应。是的,我没想到过,居然可以在浏览器里写程序,这确是打破了我之前的...

南大软院大神养成计划——第九天

今天是南大软院大神养成计划实施的第九天,今天学习的主要内容是DOM探索之基础详解篇的剩余两章内容,最后两章内容主要讲解的是“如何判断节点元素类型”和“继承层次和嵌套规则”。 先讲讲“如何判断节点元素...

南大软院大神养成计划--day17

今天学习的是Servlet路径跳转。 1: 使用相对地址(小例子) : 这里面用的是相对路径访问HelloServlet。 这里面的servlet是工程的包名,HelloServlet是类名,这里注意...
  • TimeSea
  • TimeSea
  • 2015年12月02日 13:37
  • 187

南大软院大神养成计划——第十二天

今天是南大软院大神养成计划实施的第十二天,今天学习的内容是DOM事件探秘部分的最后部分——事件类型。事件类型从来大类来分可以分为鼠标事件和键盘事件。 先说说鼠标事件,鼠标事件可以分为click,ov...

南大软院大神养成计划--第四天JavaScript

今天开始学JavaScript (以下是归纳) JavaScript document.write() 输出内容(相当C语言里的printf) var 变量名 ...

南大软院大神养成计划--网站

(1)在制作之前进行首页布局分析,弄清盒子之间的关系,分为顶部,LOGO区,导航区,大图广告区,之后一般分为3个区按功能规划,底部版权区。(2)页面头部制作,分析头部结构,分析盒子结构,根据功能设计样...
  • hiiiji
  • hiiiji
  • 2015年12月03日 21:20
  • 152

南大软院大神养成计划——第一天

参加比赛的第一天 也是第一次写博客 心情是激动地 感觉不要不要的  但是依旧还是要开始的  那么就开始吧  干巴爹 第一天的战况 感觉自己的进度好慢 但是看看...
  • YaKIcoo
  • YaKIcoo
  • 2015年11月16日 23:03
  • 198
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南大软院21天大神养成计划-第4天
举报原因:
原因补充:

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