XZ_CSS层叠样式表

CSS (cascading style sheets,层叠样式表)

用来控制HTML标签的样式,在美化网页中起到非常重要的作用

CSS的编写格式是键值对形式的,比如:

 color:red;

 background-color:blue;

 font-size:20px;

冒号:左边的是属性名,冒号:右边的是属性值;


CSS 的3种书写形式

1>行内样式:(内联样式)直接在标签的style属性中书写

<body style="color: red;"

</body>

2>页内样式:在本网页的style标签中书写

<style>

body {

color: red;

}

</style>

2>外部样式:在单独的CSS文件中书写,然后在网页中用link标签引用

test.css中

div {

color: blue;

font-size: 50px;

}

p {

background-color: red;

color: darkgoldenrod;

font-size: 39px;

}

HTML中引入:

<link rel="stylesheet" href="test.css"/>


CSS遵循一个规律:

1、就近原则:当实现相同的效果时,离代码越近的CSS效果的优先级越高;

2、叠加原则:当两个CSS的效果不同时,可以叠加;


小知识

1、src和href的区别

src:引用,该资源是页面不可或缺的一部分,如(img标签,video标签,radio标签);

href:引入,引入外部资源,如(a标签,link标签)。

2、CSS和网页注释的区别

CSS注释:/**/

网页注释:

<!--

  作者:

  时间:2016-11-15

  描述:

-->

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值