文档章节

HTML引入CSS的方法

人间四月
 人间四月
发布于 2015/12/01 18:30
字数 322
阅读 18
收藏 0

HTML引入CSS的方法

  1. 嵌入式:

    1. 通过<style>标记,来引入CSS样式

    2. 语法格式

      1. <style type="text/css"> … </style>
    3. <style>中的CSS样式,只能给当前网页来使用

    4. 同一网页中,<style>标记可以多次出现

  2. 外联式:

    1. 通过<link>标记,引入一个外部的CSS文件(.css),这样的话,就可以实现公共的css代码被多个网页使用。

    2. <link rel="stylesheet" type="text/css" href="css/public.css" />
    3.  <link>标记的常用属性:

      1. rel:引入的是什么类型的文件 取值:stylesheet

      2. type:内容类型

      3. href:引入的CSS的文件地址

    4. <link>标记应该放入<head>标记中

    5. 同一个网页可以使用多个<link>来联入多个外部样式文件

    6.  css文件中,不能出现HTML标记,全部都是CSS的属性样式

  3. 行内式:

    1. 每一个HTML标记,都有一些公共的属性:class ,id ,title,style

    2. HTML中的style属性的值,与CSS样式表中的属性是一样的

    3. 行内样式中CSS属性代码不能写的太多,行内样式中多个CSS属性不能换行,行内样式的优先级是最高的,比ID选择器还要高

    4. 主要用于JS控制元素的样式









© 著作权归作者所有

共有 人打赏支持
人间四月
粉丝 2
博文 74
码字总数 30455
作品 0
朝阳
程序员
私信 提问
JFinal结合freemarker路径问题

@JFinal 很谢谢詹总,我在用JFinal写毕业设计。 是这样的,我在HTML页面引入CSS和JS都是这样写的: 在a.html里href="bootstrap/css/bootstrap.css"其中a.html和bootstrap文件夹都在WebRoot下...

Forsend
2014/05/06
994
4
webpack通用功能开发

一、一些包安装 1、html渲染 安装完成功有点问题,目前手动移动到如下图的文件夹中 追加: util下的可以删除 2、安装iconawesome字体 二、配置和html引用、css加载的使用方法 1、webpack.con...

xiaoge2016
01/01
2
0
IE6 png图片实现半透明的方法

IE6中支持PNG半透明图片完美解决方法-divcss5亲測 从IE7及IE7以上版本号都支持PNG半透明格式图片,而只有IE6不支持png格式透明图片,而GIF半透明效果不及png半透明格式图片,由此我们迫不及待...

云栖希望。
01/06
0
0
滚动条效果的 jQuery 插件--nanoScrollerJS

nanoScrollerJS 是一款使用简单方式实现 Mac OS X Lion 系统滚动条效果的 jQuery 插件。该滚动条插件使用最小的 HTML 结构。其它的滚动条元素是在插件运行时动态加载的。该滚动条插件利用原生...

匿名
2017/07/12
96
0
IE6 png图片实现半透明的方法

IE6中支持PNG半透明图片完美解决方法-divcss5亲測 从IE7及IE7以上版本号都支持PNG半透明格式图片,而只有IE6不支持png格式透明图片,而GIF半透明效果不及png半透明格式图片,由此我们迫不及待...

云栖希望。
2017/12/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

JAVA设计模式之模板方法模式和建造者模式

一、前期回顾 上一篇《Java 设计模式之工厂方法模式与抽象工厂模式》介绍了三种工厂模式,分别是工厂方法模式,简单工厂方法模式,抽象工厂模式,文中详细根据实际场景介绍了三种模式的定义,...

木木匠
21分钟前
1
0
C中的宏的使用(宏嵌套/宏展开/可变参数宏)

基本原则: 在展开当前宏函数时,如果形参有#或##则不进行宏参数的展开,否则先展开宏参数,再展开当前宏。 #是在定义两边加上双引号 #define _TOSTR(s) #sprintf(_TOSTR(test ABC))pr...

SamXIAO
51分钟前
2
0
SpringBoot 整合异步调用方法

1. 在 SpringBoot 主类上使用 @EnableAsync 注解,开启异步调用功能 package com.codingos.springbootdemo;import org.springframework.boot.SpringApplication;import org.springfra......

北漂的我
今天
1
0
0015-如何使用Sentry管理Hive外部表权限

1.文档编写目的 本文档主要讲述如何使用Sentry对Hive外部表权限管理,并基于以下假设: 1.操作系统版本:RedHat6.5 2.CM版本:CM 5.11.1 3.集群已启用Kerberos和Sentry 4.采用具有sudo权限的...

Hadoop实操
今天
3
0
边缘计算与数据中心的发展趋势

导读 Gartner研究表明,人工智能、物联网和5G助力下一代商业创新,由此产生大量数据,2020年前企业将使用超过75亿台联网设备。 在几乎每个方面,社会的节奏都正变得更快。我们希望客户服务问...

问题终结者
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部