CSS引入网页的方式

CSS(层叠样式表)用于定义HTML元素的显示方式,实现内容与表现的分离,提升网页性能。样式可内嵌在网页<head>或<body>中,也可存储于外部文件并用<link>引入。内嵌CSS时,一般放在<body>以优化加载顺序。表现分离将网页分为结构层(HTML)、表现层(CSS)和行为层(JavaScript)。理解CSS的层叠规则对于管理和叠加样式至关重要。
摘要由CSDN通过智能技术生成

什么是css:

定义如何显示html元素
可以解决内容和表现分离 (??)
css可以写入当前网页 , 放到外部css文件(优化网页性能(提高))
多个样式可以叠加为一个 (层叠样式的层叠问题)
样式通常存储到样式表当中

什么是表现分离:
网页的构成:
三个不部分构成: 结构层(html) 表现层(css层) 行为层(javascript)(逻辑代码)

把网页看成一个人:
骨架—html元素
长相外观和装饰—css
神经网络—javascript

网页加载是由上到下加载

css如何写入到网页:

1.内嵌到网页
网页里面写属样式元素 style

<style type="text/css"> 
//注释:type="text/css" 可以省略不写 (这是type类型)]:
//写入css
</style>

css可以内嵌到网页的什么位置

1.内嵌到head元素内部

2.可以内嵌到body内部

head body 中写css 区别: 考虑加载顺序 优化网页性能的
一般是内嵌到body里

2.外部文件引入到网页
需要在项目中建css文件 ,引入到网页内部

引入需要使用link元素
rel=“stylesheet” 必须写 不写无法编译css文件(解析不了)

      <link rel="stylesheet" href="./css/style.css" type="text/css"/>
  引入到网页的什么位置:
    1.引入到head内部

    2.引入body内部
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值