CSS课堂笔记01

CSS(层叠样式表)

css注释以/*开始,以*/结束。
CSS导入HTML有三种方式:
1.内联样式:在标签内部使用style属性,属性值是css属性键值对。
<div style="color: red">Hello CSS</div>
2.:定义<style>标签,在标签内部定义css样式
<style >
div{
color: red;
</style>
3.外部样式:定义link标签,引入外部的css文件	demo.css:	
<link rel="stylesheet" href="demo.css">	
<link>标签在html的<head>标签里。
/*这个css文件应该以.css扩展名保存,文件不能包含任何的html标签。样式表允许多种方式规定样式信息,一般情况下 优先级:内联样式  >内部样式 > 外部样式*/

选择器是选取需设置样式的元素
分类:
1.元素选择器
元素名称{color: red;}	
示例:   div{color: red;}	
2.id选择器
#id属性值{color: red;}示例:
#name{color: red;}
<div id="name">hello css2</div>
//id属性不要以数字开头,在一些浏览器不起作用。
3.类选择器
.class属性值{color: red;}示例:
.cls{color: red;}
<div class="cls">hello css3</div>
//id和类选择器用法很类似,区别是id值是唯一的,而类值可相同。类名的第一个字符不能使用数字 。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值