CSS学习小结

1.如何将样式表添加到网页中

1.链入外部样式表文件

    先建立外部样式表文件(.css),然后使用HTML的link对象。示例如下:

<head>

<title>文档标题</title>

<link rel=stylesheet href="http://www.dhtmlet.com/dhtmlet.css"type="text/css">

</head>

2.定义内部样式块对象 

在HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>...</STYLE>块对象。

3.内联定义 

内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。

4.样式表语法

Selector { property: value }

参数说明: 

Selector选择符

property :value --样式表定义。属性和属性值之间用冒号(:)隔开。多个定义之间用分号(;)隔开


2.CSS三种选择器

主要声明不同级别和适应范围的样式

1.类选择器

 用于来定义一类可以在同一个页面内重复使用的样式 。定义类选择符时,在自定类的名称前面加一个点号。

2.ID选择器

HTML页面中ID参数指定了某个单一元素,ID选择符是用来对这个单一元素定义单独的样式。ID选择符的应用和类选择符类似,只要把CLASS换成ID即可。将上例中类用ID替代,ID只能在一个页面中出现次,class可以多次运用. 一般用于一个页面中仅出现一次的容器。例如页面上的导航条(#nav) 页脚(#footer) 主要内容(#mainBody)等等

3.HTML标签选择器

用于最基本的样式定义,比如定义页面整体字体(被body定义font),链接的样式(给a定义颜色,下划线等),列表的符号样式(li定义list-style),段落的间距(给p定义padding或者margin)等等

4.三者的优先级

CSS选择器优先级:ID选择器>类选择器>HTML标签选择器












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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值