×

css样式主要包含三种类型

作者:andy0012019.12.23来源:Web前端之家浏览:2755评论:0
关键词:htmlcss类型
微信公众号

微信公众号

css样式主要包含三种类型:行内样式、内联样式(内嵌样式)、外部样式(外联样式)。

CSS即层叠样式表(Cascading Style Sheets),是一种用来表现HTML或XML等文件样式的计算机语言。

CSS主要用来设计网页的样式,美化网页;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

CSS样式主要包含以下三种类型:

1、行内样式:结构的内部,即写在标签内的样式;写在标签的开始部分内部,style属性当中。

例:

<标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>

2、内联样式(内嵌样式):写在HTML页面内部,存放于head标记当中,样式写在style标记内。

例:

<style>选择器 {属性名:属性值;属性名:属性值;......}</style>

3、外部样式(外联样式):

外联式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过<link/>标记将外部样式表文件链接到HTML文档中,其基本语法格式如下:

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

上述语法中,<link> 标记需要放在<head>头部标记中,并且必须指定<link/>标记的个属性,具体介绍如下。

  • href:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。

  • type:定义所链接文档的类型,在这里需要指定为“text/css”,表示链接的外部文件为CS样式表。

  • rel:定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件。

外联式是使用频率最高是最实用的CSS样式表,因为它将HTML代码与CSS代码分离为两个或多个文件,实现了将结构和样式完全分离,使得网页的前期制作和后期维护都十分方便。

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://www.miarww.com.cn/article/html820934809238409.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright ? 2019 Web前端之家(www.miarww.com.cn) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero

时时彩平台哪个好 2019中超积分榜最新排名 陕西十一选五走势图下载 网上博彩 一码一肖100准平特一 南京麻将牌型 qq麻将有红中麻将吗 黑龙江11选5加盟条件 美国职业棒球比分多的获胜吗 15选5中2 北京快3开奖结果走势图 新福利辽宁35选7开奖号 中超免费直播 什么棋牌游戏注册送? 甘肃快3开奖直播 广西11选5购彩平台 青海体育彩票11选5