如果把网页比作一个人的话,html就是他的骨架,而css是他的皮肤,javascript是神经控制着行动。html,css,javascript都是构建网页的核心技术。
01CSS简介
css指的是层叠样式表(CascadingStyleSheet),样式就是定义如何显示html元素,设置他的背景、字体大小颜色、边框等等。通常把样式存储到样式表中,为了代码简洁便于维护,大多数放置在css文件中,引入外部css文件,css文件就是一个外部样式表。
02css是如何工作的?
在《HTML属性》那一节课程中,我们讲大多数标签都有的style属性,是规定元素的行内样式。现在我们开始设置下helloword字体大小为40像素
bodystyle=font-size:40px
helloworld
/body
刷新网页,我们发现网页内字明显大了。
03css语法介绍
css语法规则集由选择器和声明块组成。选择器指的就是您要设置样式的html元素。如标签名(body,h1,p,div...)就是一个选择器。
在《HTML文档结构》中讲过head头部可以添加style样式表。所以上边body标签内的样式可以移出来放到head中,如:
!DOCTYPEhtml
htmllang=en
head
metacharset=UTF-8
meta