文档章节

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

没有更多内容

加载失败,请刷新页面

加载更多

你为什么在Redis里读到了本应过期的数据

一个事故的故事 晚上睡的正香突然被电话吵醒,对面是开发焦急的声音:我们的程序在访问redis的时候读到了本应过期的key导致整个业务逻辑出了问题,需要马上解决。 看到这里你可能会想:这是不...

IT--小哥
今天
2
0
祝大家节日快乐,阖家幸福! centos GnuTLS 漏洞

yum update -y gnutls 修复了GnuTLS 漏洞。更新到最新 gnutls.x86_64 0:2.12.23-22.el6 版本

yizhichao
昨天
5
0
Scrapy 1.5.0之选择器

构造选择器 Scrapy选择器是通过文本(Text)或 TextResponse 对象构造的 Selector 类的实例。 它根据输入类型自动选择最佳的解析规则(XML vs HTML): >>> from scrapy.selector import Sele...

Eappo_Geng
昨天
4
0
Windows下Git多账号配置,同一电脑多个ssh-key的管理

Windows下Git多账号配置,同一电脑多个ssh-key的管理   这一篇文章是对上一篇文章《Git-TortoiseGit完整配置流程》的拓展,所以需要对上一篇文章有所了解,当然直接往下看也可以,其中也有...

morpheusWB
昨天
5
0
中秋快乐!!!

HiBlock
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部