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

本文详细介绍了CSS的三种用法:外部样式、内部样式和内联样式,并探讨了它们的优先级。接着,文章深入讲解了CSS的语法,包括选择器的分组、继承、派生选择器、ID和类选择器、属性选择器、子元素选择器和相邻兄弟选择器。此外,还阐述了CSS中的伪类和伪元素,如锚伪类、`:first-child`伪类和`:lang`伪类,以及它们在不同场景下的应用。
摘要由CSDN通过智能技术生成

参考资料来源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;}
<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值