CSS(字体、背景)

1、CSS:层叠样式表,用来美化网页的。做到结构(HTML)和表现(CSS)分离

2、基本语法:由三部分组成:选择器、属性、属性值

选择器{
	属性:属性值;
	}

3、CSS的四种引用方式
(1)行间样式(嵌入式样式):直接在标签上书写样式
(2)内部样式:在文件的内部书写样式
(3)外部样式:先创建一个css文件,再用link标签引入这个文件
(4)导入外部样式:先创建一个css文件,在style标签中用import导入这个样式文件。
区别:行间样式只能用于当前标签;内部样式只能用于当前文件;外部样式可以被多个HTML文件引用
在实际项目开发中,最好使用外部样式,外部样式分为link引入和import引入,这两种方式的区别:
(1)link是HTML标签,除了加载css外还可以定义rss等其他事务;@import属于css范畴,只能加载css
(2)link引用css时,在页面载入同时加载;@import需要页面完全载入以后加载
(3)link是XHTML标签,无兼容问题;@import是在css2.1提出的,低版本浏览器不支持。
(4)link支持使用JavaScript控制DOM去改变样式;而@import不支持。

4、css选择器
(1)* :匹配html中所有元素(注:*的性能差,因为它要匹配所有元素,在开发时不建议使用)
(2)标签选择器:用来匹配对应标签
(3)类选择器:用来选择匹配class命名的标签
(4)ID选择器:用来选择用id命名的标签
(5)派出选择器:根据上下

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值