CSS样式表

CSS样式表的作用:弥补html语言的不足,缩减页面代码,提高访问速度。

代码减少,页面文件就会小,占用网络带宽就少,客户端打开速度就快,用户体验就会更好。

结构清晰,有利于seo优化,有利于搜索引擎优化,缩短改版时间,对网站的重构有很好的支持。

1:内部样式表

语法: <style type="text/css"> css语句 </style>

注:使用style标记创建样式时,最好将该标记写在<head></head>;

2:外部样式

(1) 语法:

<link rel="stylesheet" type="text/css" href="目标CSS文件的路径及文件名全称" />

说明:使用link元素导入外部样式表时,需将该元素写在文档头部,即<head>与</head>之 间。

rel:用于定义文档关联,表示关联样式表;

type:定义文档类型;

(2)、导入外部样式表

<style type="text/css"> @import url("目标文件的路径及文件名全称"); </style>

说明:@和import之间没有空格 url和小括号之间也没有空格;括号内部加引号,必须结尾以分号结束

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • HTML标签分类

    在HTML页面中,带有“<>”符号的元素被称为HTML标签,如 <HTML>、<head>、<body>、<head>等都是HTML骨架结构标签。所谓标签就是放...

    爱知汇
  • PHP 时区设置

    有时候使用date("Y-m-d h:i:s")时发现时间相差8小时,修改“/etc/php5/apache2/php.ini”:

    爱知汇
  • IMG图片下面出现下边距的解决办法

    在不同浏览器下图片下面会出现莫名的下边距,经测算在FF中 下边距大概是多出了3像素左右,而IE6更多,在IE8中展示却是完好的,以往的做法只需要将img定义为块...

    爱知汇
  • np.ascontiguousarray()

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明...

    于小勇
  • linux 最大硬盘占用

    葫芦
  • php学习之css入门(一)

    吾爱乐享
  • shell学习脚本-tomcat停止脚本 原

     ./shutdown.sh 8080 /usr/local/apache-tomcat-7.0.70/

    用户2603479
  • Bengio 最新深度学习论文:使用深度神经网络避免难解性

    【新智元导读】训练基于能量的概率模型面临着难解的加和问题(intractable sums),Yoshua Bengio 和学生 Taesup Kim 只使用深...

    新智元
  • 【python进阶】详解元类及其应用1

    前言 元类在python中是很重要的一部分,我将分两次去讲解元类及其应用,此篇为详解元类及其应用第一篇,下面开始今天的说明~~~ 1. 类也是对象 在⼤多数编程...

    Angel_Kitty
  • 干货 | 机器学习模型在携程海外酒店推荐场景中的应用

    Louisa,携程算法工程师,热爱前沿算法和技术在个性化推荐和广告建模等业务的性能优化和落地。

    携程技术

扫码关注云+社区

领取腾讯云代金券