第二节课笔记

CSS

CSS与Html结合(集成)使用

1.style属性。所有的HTML标签都有一个style的属性。

<xxxx style="">

2.在head 里面写一个样式的脚本。

<head>
	<style type="text/css"></style>
</head>

3.引入外部的css文件

<link rel="stylesheet" type="text/css" src=""css的路径">

优先级

1.方式1>方式2>方式3

2.从内到外,执行顺序从上到下。
比如:

<head>
	<style type="text/css">
	div {
		color:blue
	}
	</style>
</head>
<body>
	<div style="color:red"/>
</body>

最后颜色为红色。

css选择器

1.基本选择器【重要】

1)标签选择器:div {}

2)id选择器:#id {}

3)类选择器:.class {}

优先级:id,class,标签

多个样式指向同一个标签,样式会叠加起来,叠加的顺序按照优先级。

2.组合选择器【了解】

多元素选择器 :div,font {}
子代选择器	:div > p {}
相邻兄弟选择器: div +p {}
兄弟选择器 :  div ~ p {}

3.属性选择器【了解】

关键字:[] 标准的格式 div[]
div[name] :有属性 就是你
div[name=""] :有属性,属性值,那就是你
div[name包含啥]:
div[属性以啥啥开头]
div[属性以啥啥结尾]
等

4.伪类选择器【了解】

一个超链接点击以后,要给它变一个颜色。

超链接的伪类选择器:

未点击 ->放到超链接上- 点击-> 链接完成
:link	 :hover    :active  :visited

a:visited {
	color:red
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值