如何成为一个像我一样优秀的实习生(2)-入门之门中门

上一集讲了html哦,有些同学觉得毫无用处哦,那这一节课带大家入门css哦,这个东西可以让界面变得超级好看哦。

CSS

css是层叠样式表的意思哦,样式表就是说浏览器在画元素的时候,会到这里来查找,有没有对当前元素生效的样式表,层叠的意思就是对同一个元素可能会查找到好几个样式,那样的话样式就会产生层叠,浏览器会根据一定的规则,计算元素应该有的样式。

css长得像下面这个样子哦

定义方式

css有三种定义方式,内联,文件内和单独文件哦。

内联,在定义元素同时定义,就是元素的style属性。

文件内,就是在当前html文件的head元素里面添加style元素就行啦

单文件,就是写一个css文件,然后在html文件中用link元素引入就行啦

层叠

上面说到浏览器会在样式表中查找元素对应的样式,这个查找的过程,就是由选择器来提供的。上面例子中的 就是选择器了,后面大括号里的,就是应当被应用在符合这个选择器的元素上的样式哦。

选择器的语法很简单的哦,在入门课程里,我就说下面几种哦。

基本选择器就上面三种,选择器之间还有一些逻辑运算符哦,

这是查找的过程,层叠的过程就是优先级的比较了,不同的选择器有不同的优先级,当不同的选择器选中了相同的元素,其中的样式又有重叠部分的时候,优先级就出来帮助浏览器决定要选哪一个样式来应用。

优先级的设计理念就是选择器越精确,越优先,离元素越近,越优先。

选择器的精确度排序就是 名称

样式

对于每一个元素我们都有很多的样式可以设置,最普遍的就是 、 这样的了,不同的元素也有自己的默认的样式,大部分都不太相同哦,下一节课我们就会深入样式部分,教你写出好看的界面哦。

布置作业

学完了css和html我们就可以自己做一个好看的静态网页啦,最好的例子就是给自己做一个简历啦,大致要求的效果要入下图所示哦。但是不要担心啦,后面我还会将很多css和html的,手把手教你写出这个页面哦。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180523G1YSO400?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码关注腾讯云开发者

领取腾讯云代金券