创建样式和样式表

css中的样式(或者规则)由两部分组成:选择器和声明块。每个声明块里面可以包含多条声明,它们之间由分号分隔。如下图所示:

 

 

链接外部样式表

    外部样式表可以使网页打开的速度更快。但是浏览器在下载外部样式表的时候,还会在访问者的计算机上保存这个文件(一个被称为高速缓存的文件),以便下次能够更快的访问,当浏览者跳到该网站上使用同一个样式表的网页时,就不用下载,可以直接去这个告诉缓存里面读取。

    外部样式表的链接有两种方式,第一种为link方式:

 

<link rel = "stylesheet" type = "text/css" href = "main.css" />

    第二种方式为@import指令:

   

<style type = "text/css">@import  url(main.css);
</style>

 这里需要注意的是,@import是css语法的一部分,而且这里指定的链接用url,而不是href。url里面的路径要用括号括起来,可以添加引号,

如url("main.css")。并且@import语句后面还可以放置其他css样式。与使用link标签一样,可以使用多个@import标签。

转载于:https://www.cnblogs.com/chaoguo1234/archive/2013/02/26/2933020.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/474666.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java 程序输出 赵_编写一个完整的JAVA的程序

编写一个完整的JAVA的程序关注:84 答案:1 mip版解决时间 2021-02-05 08:43提问者妳螚鬧俄螚笑2021-02-05 02:591&#xff0c;接口Person Show()方法输出对象的描述信息。2.类Student 实现Person接口&#xff0c;另有以下属性和方法:属性(私有)String name。方法Student():构造…

LeetCode 1229. 安排会议日程(双指针)

文章目录1. 题目2. 解题1. 题目 你是一名行政助理&#xff0c;手里有两位客户的空闲时间表&#xff1a;slots1 和 slots2&#xff0c;以及会议的预计持续时间 duration&#xff0c;请你为他们安排合适的会议时间。 「会议时间」是两位客户都有空参加&#xff0c;并且持续时间…

LeetCode 1182. 与目标颜色间的最短距离(二分查找/DP)

文章目录1. 题目2. 解题2.1 二分查找2.2 DP1. 题目 给你一个数组 colors&#xff0c;里面有 1、2、 3 三种颜色。 我们需要在 colors 上进行一些查询操作 queries&#xff0c;其中每个待查项都由两个整数 i 和 c 组成。 现在请你帮忙设计一个算法&#xff0c;查找从索引 i 到…

java跳转html页面_springboot 2.0.8 跳转html页面

springboot 成功创建了后&#xff0c;继续写一下跳转到html页面的方法, 这里我把 jsp和html 分开两篇文章。然后再写一个两种方式整合的这篇 是跳转到html文件的1创建目录结果和html文件​ 2配置return 返回模版​ 3.UserController.java代码如下&#xff0c;这里就直接使用上…

LeetCode MySQL 1212. 查询球队积分

文章目录1. 题目2. 解题1. 题目 Table: Teams ------------------------- | Column Name | Type | ------------------------- | team_id | int | | team_name | varchar | ------------------------- 此表的主键是 team_id&#xff0c;表中的每一行都…

js encodeurl java接收_在JS中encodeURI(url)怎样才能不出现乱码?

这次给大家带来在JS中encodeURI(url)怎样才能不出现乱码&#xff1f;&#xff0c;在JS中使用encodeURI(url)的注意事项有哪些&#xff0c;下面就是实战案例&#xff0c;一起来看一下。一般情况下, 发送 encodeURIComponent(parmeName)""encodeURIComponent(parmeValu…

Google Maps API 简易教程(四)

Google Maps 类型 一、基本地图类型 Google Maps API支持一下map类型&#xff1a; .ROADMAP&#xff08;正式的&#xff0c;默认为2D地图&#xff09; .SATELLITE&#xff08;逼真的地图&#xff09; .HYBRID(逼真地图道路和城市名) .TERRAIN&#xff08;山脉和河流地图等等&am…

LeetCode MySQL 1077. 项目员工 III

文章目录1. 题目2. 解题1. 题目 项目表 Project&#xff1a; ---------------------- | Column Name | Type | ---------------------- | project_id | int | | employee_id | int | ---------------------- (project_id, employee_id) 是这个表的主键 employee_…

Java什么是重用_深度解析:java必须掌握的知识点——类的重用

类继承的概念和语法类继承的概念根据已有类来定义新类,新类拥有已有类的所有功能。Java只支持类的单继承,每个子类只能有一一个直接超类(父类)。超类是所有子类的公共属性及方法的集合&#xff0c;子类则是超类的特殊化。继承机制可以提高程序的抽象程度&#xff0c;提高代码的…

Ajax-基础篇(持续更新01)

1&#xff1a;例子&#xff1a;下面的例子点击按钮会在不更新整个页面的情况下动态更新内容abcdefgchange abcdefg 代码如下&#xff1a; <html> <head> <script type"text/javascript" src"/jquery/jquery.js"></script> <scr…

LeetCode MySQL 1205. 每月交易II(union all)*

文章目录1. 题目2. 解题1. 题目 Transactions 记录表 ------------------------- | Column Name | Type | ------------------------- | id | int | | country | varchar | | state | enum | | amount | int | | trans…

java获取参数编码_java获取接口数据编码问题

需求比较简单&#xff0c;就是获取接口数据并返回。但是在用的过程中发现编码问题。接口返回的数据编码为UTF-8&#xff0c;希望显示的数据也是UTF-8&#xff0c;问题出在从输入流中读取数据的过程中。下面是几个实例程序。1、不管编码&#xff0c;直接写public static String …

opencv学习笔记[9]:Opencv的基本数据类型和矩阵结构

一.基本数据类型&#xff1a; 1.CvPoint 图像中的点 Opevcv提供的数据类型中最简单的就是CvPoint. typedef struct CvPoint { int x; int y; } CvPoint CvPoint包含int x 和int y两个数据成员,它的变体有CvPoint2D32f 和 CvPoint3D32f. CvPoint2D32f包含float x , float y两个…

LeetCode MySQL 614. 二级关注者

文章目录1. 题目2. 解题1. 题目 在 facebook 中&#xff0c;表 follow 会有 2 个字段&#xff1a; followee, follower &#xff0c;分别表示被关注者和关注者。 请写一个 sql 查询语句&#xff0c;对每一个关注者&#xff0c;查询关注他的关注者的数目。 比方说&#xff1a…

PHP安全最大化

PHP安全最大化 php中退出时清除session的问题 今天在做php项目的时候,需要增加安全退出的功能,也就是要求用户点"安全退出"时,执行清除session操作,并转到登录页.没想到在这个地方也小"卡"了一下. 出现的问题是当我点"安全退出"后转到登录…

java中字母用什么单词赋值_Java初学

Java-SUN语言平台J2SE(桌面) ,J2ME(移动被安卓所取代),J2EE(企业主要用于web)1.跨平台(操作系统)原理&#xff1a;在任意操作系统上运行&#xff0c;一次编写到处运行。依赖JVM(Java Virtual Machine)(不同系统Windows&#xff0c;Linux&#xff0c;mac有自己对应的JVM)2. JRE和…

POJ-3590 The shuffle Problem 置换+DP | DFS

题目链接&#xff1a;http://poj.org/problem?id3590 自己暴力给水过去了&#xff0c;不过效率有点低。题目要求的就是给一个数n&#xff0c;要你求出一种方案&#xff0c;一些和为n的数的最小公倍数最大。题目数据量不大&#xff0c;容易想到用暴力的办法求出所用情况&#x…

LeetCode MySQL 1454. 活跃用户(连续dense_rank排名函数)

文章目录1. 题目2. 解题1. 题目 表 Accounts: ------------------------ | Column Name | Type | ------------------------ | id | int | | name | varchar | ------------------------ id 是该表主键. 该表包含账户 id 和账户的用户名.表 Log…

Java随机生成长宽的矩形_java – 将正方形或矩形分解为大量随机大小的正方形或矩形...

提供的代码创建一个k-d tree.您可以使用它在矩形上绘制线条,将其划分为更小的矩形.获得树后,可以按如下方式使用它将区域划分为这些矩形&#xff1a;>在树的根部选择节点.>通过这一点绘制一条垂直线.>选择它的左子,在你刚刚通过它的父线绘制的线左侧的这一点画一条水平…

java自动加空格吗_程序加上空格和不加空格运行结果不一样

已结贴√问题点数&#xff1a;20 回复次数&#xff1a;2程序加上空格和不加空格运行结果不一样程序第六行在教育教学后面加空格结果为全部图书&#xff1a;1.郁达夫随笔&#xff1a;伤感行旅 郁达夫 北京大学出版社 38.02.教育教学 李晓燕 高等教育出…