css-认识+引用

css介绍

  1. css:层叠样式表,又称串样式列表,有w3c定义和维护,一种用来为结构化文档(如html、xml),添加样式(字体、间距、颜色等)的计算机语言。
  2. css能够对网页中元素位置的排版进行像素级精确控制,支持所有的字体字号样式,拥有对网 页的对象和模型样式编辑的能力,就是美化页面,做到结构(html)和表现(css)分离。

基本语法:

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

引用方式:

  1. 行间样式:直接在标签上书写样式
  2. 内部样式:在文件的内部书写样式,需要写到<head><style></style></head>里面
 <style>
        样式内容
</ style>
  1. 外部样式:
    (1)先创建一个css文件,
    (2)再用link标签引入这个文件(link:css)
  2. 导入外部样式:
    (1)先创建一个css文件,
    (2)再style标签中用import导入这个样式

以上四种引入CSS的方式的区别:

  • 行间样式只作用于当前标签,而内部样式作用于当前文件,
  • 外部样式可以被多个HTML文件引用。
  • 在实际项目开发中,做好使用外部样式
  • 外部样式分为link引入和import引入两种方式。
    区别:
    1.link是HTML标签,除了加载css外,还可以定义rss等事务,@import属于css范畴,只能加载css;
    2.link引用css时,在加载页面时同时加载;@import需要页面加载完全后在加载;
    3.link是HTML标签,无兼容问题;@import是在css2.1提出的,低版本的浏览器不支持;
    4.link支持使用JavaScript控制dom去改变样式;@import不支持。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值