分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

2、CSS 样式创建

发布时间:2023-09-06 01:39责任编辑:胡小海关键词:CSS

CSS 创建:

插入样式表的方法有三种:

1、外部样式表(External style sheet)

2、内部样式(Internal style sheet)

3、内联样式(Inline style)

外部样式表:

每个页面使用 <link> 标签链接到样式表。 <link> 标签在(文档的)头部,实例:

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

浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档


内部样式:

单个文档需要特殊的样式时,就应该使用内部样式表,使用 <style> 标签在文档头部定义内部样式表,实例:

<head><style>hr {color:sienna;}p {margin-left:20px;}body {background-image:url("images/back40.gif");}</style></head>


内联样式:

要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style 属性可以包含任何 CSS 属性:

<p style="color:sienna;margin-left:20px">这是一个段落。</p>

多重样式:

如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。

多重样式的优先级是--->

内联样式 > 内部样式 > 外部样式 > 浏览器默认样式

实例:

外部样式表拥有针对 h3 选择器的三个属性 --->

h3{color:red;text-align:left;font-size:8pt;}

而内部样式表拥有针对 h3 选择器的两个属性 --->

h3{text-align:right;font-size:20pt;}

假如拥有内部样式表的这个页面同时与外部样式表链接,那么 h3 得到的样式是 --->

color:red;
text-align:right;
font-size:20pt;

2、CSS 样式创建

原文地址:https://www.cnblogs.com/blackfriday/p/8371652.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved