CSS学习笔记(一)基本语法

1、基本结构

选择器 {属性名:值;属性名:值},例如:

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

多个选择器用逗号隔开,如:

h1,h2,h3 {color:red;text-align:center;}

2、引用位置

<head>
	<style type="text/css">
		CSS样式。。。
	</style>
</head>

3、引用方式

  • 行内样式
    在标签内添加style样式,如:
<p style="color:red;">内容</p>
  • 内部样式表
     <head>
    	<style type="text/css">
    		p {color:red;text-align:center;}
    	</style>
    </head>
  • 外部样式表
    把CSS样式写在单独的.css文件中,引入.css文件方式:
<head>
<link rel="XXX.css" type="text/css" href="mystyle.css">
</head>

XXX.css是.css文件的相对路径或绝对路径

  • 导入式
    在style标签内使用@import引入外部文件:
     <head>
    	<style type="text/css">
    		@import url(XXX.css);
    	</style>
    </head>

几种方式的区别
在这里插入图片描述
优先级:
行内样式 > 内部样式>外部样式
*注:如果外部样式放在内部样式的后面,则外部样式>内部样式(就近原则:外部样式离定义标签更近)。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值