html系统学习之五 <CSS用法,选择器,伪类,伪元素>

参考资料来源W3School(http://www.w3school.com.cn

其实写博客就是把以前写在本子上东西写到网络上,好处就是在办公室写完了,回到家或是去网吧还可以接着写。这里有几个过程,第一个写的过程,如果只是阅读,那么印象没有边看边写这么深刻,第二个写完之后有种充实感,不会再因为今天又玩了一天的游戏,啥事也没干成,养成好好学习,天天向上的习惯,第三个就是方便日后查询,也可以把日后的某一天与写的那时候比较一下,看看彼一时如何,此一时如何,是更加进步了还是根本都已经忘记了。

今天着重学习一下CSS,它有多大用处,相信地球人 都知道。样式首先它分三种用法:

  • 外部样式,当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
  • 内部样式,当单个文件需要特别样式时,就可以使用内部样式表。
    <head>
    <style type="text/css">
    body {background-color: red}
    p {margin-left: 20px}
    </style>
    </head>
  • 内联样式,当特殊的样式需要应用到个别元素时,就可以使用内联样式。
    <p style="color: red; margin-left: 20px">
    This is a paragraph
    </p>

 

如果某个元素同时应用了上面的样式,那么到底用谁呢?这里有个优先级,从高到低为:内联样式,内部样式(head标记中),外部样式。

CSS 语法

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。

selector {declaration1; declaration2; ... declarationN }

选择器selector通常是您需要改变样式的 HTML 元素。其中每条声明declaration又是由一个属性和一个值组成。打个比方:

h1 {color:red; font-size:14px;}
<
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值