CSS (Cascading Style Sheets) 简介

本来html只是为了写文本,并不关心字体,颜色之类的东西,后来加入了字体和颜色,但是随着网页越来约复杂,就意味着要在每一个页面都要添加字体等等东西,耗时费事。

于是w3c就创建了css,用于专门定义样式。这样html就不用管这个东西,只需要定义好标签,分好段,然后在css里面来定义具体的显示方式就行了。
除了html可以和它结合使用之外,其它的标记语言也可以和它结合使用,比如XML文件。

1.语法:

主要有2部分,一部分是:selector,一部分是one or more declarations

比如:   h1 {color:blue; font-size:12px;}

selector是html中的元素,每一个declaration又包含一个property和一个value,property就是你想改变的属性,每一个declaration都以分号结尾。

如下的写法比较清楚方便:

p{
color:red;
text-align:center;
}

注意:如果你在一个大的范围定义了一些样式,然后想让一些有特殊意义的部分以其它样式显示的话,那么只需要添加一个响应的小标签

比如:

body{    }
p, ul, li{   }

还有,如果为同一个selector定义了多次属性,有重叠的按照后面定义的来

2.注释

注释就是格式

3.id selector

html用于设定唯一的单个元素,然后在css中,必须是以"#"开头,进行属性的定义。

举例:比如在html中有个<div id="menu">的,那么在css中就可以有一个#menu,然后开始定义属性

假如menu里面有一个p,你想专门定义它的样式,那么就用  #menu p{ } 来定义

4.class selector

和id不同的是,class一般用于一组或者多个元素的设定。这样的话,你在html里面定义一个class,然后就可以在css里面一起把他们定义了,在css中,class的定义必须是以"."开头。比如说

.center{
font-size:14pt;
text-align:center;
}

当然,除了整体定义外,还可以局部进行,我的理解是,比如说有很多<p></p>每个里面也许都有一个类似的东西比如说标题需要定义,那么给他们加上一个class,headline,然后在p.headline里面来定义属性。

5. 添加css的方法

1)external CSS file:在<head></head>里面添加  <link rel="stylesheet" type="text/css" href="xxx.css" />
2)inside the head section of an HTML page
3)inside an HTML element

如果有重叠的话,那么按照3,2,1的优先级,级联成为一次定义


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值