当前位置: 首页 > article >正文

html引入html include_CSS的引入方式笔记

CSS一共有五种引用方式。

1、直接在body、h1等标签里面写标签或者属性,这种叫做行内式,不过这种基本已经废弃了:

<body bgcolor='grey'>——body的背景颜色为红色;

<h1><center><font color='red'>轰</font></center></h1>——hi标签居中,并且颜色为红色

2、在body、h1等标签里面写上style,这种叫做style属性,把样式写在标签上,也叫所style内联样式,这种方式会导致html代码冗长:

<body style="background-color: grey">——body的背景颜色为灰色;

<h1 style='text-align: center; color: red;'>唐</h1>——hi标签剧中,并且颜色为红色。这里一个style=后面把里面的属性都放到引号里面包起来。以英文的分号;隔开各个属性。

3、一般在head标签里面写一个style标签,不写在head标签里面也可以,这种叫做style嵌入式。这种方式会使标签变得比较简洁,但是也会导致html代码冗长,但是可以集中看到css样式。

<head>

<style>
body{
background-color: grey
}
h1{
text-align: center; color: red;
}</style>

</head>

4、style外部式,通过html文件外部引入一个CSS,也就是把第三种方法中的style放到html意外的CSS中去即可,这样会使html代码变得简洁很多。这种是现在用的最多的,但是html中需要写入引用代码:

<head>

<link rel="stylesheet" href="./style.css">

</head>

rel就是relationship(关系),CSS就是一种stylesheet,引用到./就是当前目录下的style.css文件。

通过在该文件夹下使用git bash,输入http-server -c -1来是使用http协议打开

6a5c1e01a9cd7bc842015378cc5a46e0.png

输入http://192.168.1.2:8080就可以使用http协议打开,看到html.html通过了get请求得到style.css

b5bc68ed6f2d40ead1b850ba39d80592.png

5、最后一种,用的不多,就是CSS里面引入另外一CSS。

@import url(./b.css);

括号里面先对路径和绝对路劲都可以。

b8986598b59002c6557e862b148e00b9.png

本文为本人的原创文章,著作权归本人和饥人谷所有,转载务必注明来源

http://www.lryc.cn/news/2414431.html

相关文章:

  • 为什么在Spring应用中不建议使用属性注入(Field Injection)
  • 本地代码与托管代码
  • mysqlbinlog -v与-vv --base64-output 与不加的区别
  • 海外代理IP如何获取?
  • 个人博客系统源码 溯雪Sxlog轻博客源码 PHP开源 简洁干净轻博客源码
  • WinPE能破解Windows的密码,这样Windows就不安全吗?
  • 十种不同风格的网站导航菜单
  • nagios安装教程
  • jQuery.validationEngine.js学习
  • 网站建设经验分享:如何进行网站内容更新与维护?
  • MYSQL入门-mysql的下载与安装(1)
  • 文件粉碎机(file pulverizer) v4.2 怎么用
  • 马士兵servlet、jsp、oracle视频地址
  • winform控件之maskedTextBox
  • 2022年网络安全面试题总结
  • linux pci串口驱动下载,PCI串行口驱动下载_PCI串行口驱动官方下载-太平洋下载中心...
  • 谏言工信部:网站备案系统miibeian.gov.cn实在难用!
  • 《益智之迷:战神的挑战》资料与心得集合
  • 2.springboot配置jpa
  • php怎么弄钓鱼,QQ_PHP钓鱼源码
  • 探察MFC中框架宏(RUNTIME_CLASS等)的秘密
  • 极域电子教室—解控
  • 理清contactsprovider
  • Fireworks MX 2004 对象的变形(转)
  • Weblogic安装部署步骤
  • WIn10 64位安装windows Mobile 设备中心不能启动或自动退出
  • Linux命令之chmod命令
  • VC++常用数据类型及其操作详解
  • 【Linux】红帽子安装过程超详细(学生教学用)
  • OpenCV机器视觉-HSV颜色模型