CSS在网页的中应用方式

最新推荐文章于 2022-12-06 18:57:56 发布
最新推荐文章于 2022-12-06 18:57:56 发布
阅读量9.4w 收藏 1
点赞数 2
分类专栏： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014646662/article/details/49202955
版权

CSS一共四中样式

1、内联式样式表：直接写在现有的标记中，如：

<p style=“color:red”>这里文字是红色的</p>


2、嵌入式样式表：使用“<style></style>”标签嵌入到HTML文件的头部中<head>标记内，如：
<style type="text/css"> 
<!--
body { background : white ; color : black ; }
 -->
 </style> 

<!--  -->用于当浏览器不支持样式表时，不会将样式表内容显示出来

 

3、外部链接式”样式表”：将样式表写在一个独立的.css文件中，然后在页面head区<head>标记内用<link>标签调用它，如：
<link href=“main.css" rel="stylesheet" type="text/css" />


4、导入式”样式表”：导入式样式表与链接式样式表的功能基本相同，只是语法和动作方式上略有不同，同样也将导入样式代码写在<head>标记内。
语法：
<style type="text/css">
@import url("basic.css");
</style>

 

 


周天祥
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS如何运行
maimang1001的专栏
03-09 2398
CSS究竟是怎么工作的？ 当浏览器展示一个文件的时候，它必须兼顾文件的内容和文件的样式信息，下面我们会了解到它处理文件的标准的流程。需要知道的是，下面的步骤是浏览加载网页的简化版本，而且不同的浏览器在处理文件的时候会有不同的方式，但是下面的步骤基本都会出现。 浏览器载入HTML文件（比如从网络上获取）。 将HTML文件转化成一个DOM（Document Object Model），DOM是文件在计算机内存中的表现形式，下一节将更加详细的解释DOM。 接下来，浏览器会拉取该HTML相关的大部分资源，比
从0开始学前端 第十一课：CSS的应用 - 在HTML中应用CSS的三种方式
最新发布
weixin_44738632的博客
01-24 766
在本课中，学习者将了解并学会如何在HTML文档中应用CSS样式。标签内的文本将应用蓝色字体且字体大小为18像素。段落中的文本颜色为蓝色，字体大小为18像素。外部样式表是一个单独的CSS文件，通过。内部样式表位于HTML文档内部，通常在。标签的文本颜色被设置了新的样式。行内样式直接在HTML元素中通过。在这个例子中，文档的背景色和。标签的文本颜色将变为绿色。是外部样式表的文件名。标签在HTML文档的。
css的应用
qq_50097745的博客
11-06 408
pythonCss基础
11.03 CSS的基本使用
cw1249801974的博客
11-03 239
1.1 CSS加载的方式1.引入外部文件<link href="outer.css" rel="stylesheet" type="text/css"></link>HTML文档中使用<link>元素引入外部样式文件，引入外部样式文件应在<head>元素中增加<link>子元素。2.导入外部样式单<style type="text/css"> @import "../outer.css"; @imp
css的基础应用
qq_51114085的博客
07-19 377
在css中定义的.yellow.big-font，可以通过class="?"来调用，可以在class中调用多个css以达到自己要求的格式。//上右下左（顺时针方向,某一个方向没写就取对边的值）盒子中主要的属性就5个width、height、padding、border、margin。类选择器.className{}id选择器#id{}2、在选择的标签上设置样式。属性名1属性值1;属性名2属性值2;属性名3属性值3;属性名4属性值4;标签选择器p{}...
网页中应用CSS样式的多种形式总结
09-22
在网页设计中，CSS（Cascading Style Sheets）样式是不可或缺的一部分，用于控制网页元素的外观和布局。本文将详细探讨CSS样式的四种主要应用形式：内联样式、内部样式、外部样式以及导入外部样式表。 1. **内联...
CSS 基础教程 在网页中使用CSS
09-25
接下来，我们探讨在网页中应用CSS的三种方法： 1. 内嵌样式：这是将CSS直接写在HTML元素的`style`属性中。例如： ```html ;">这是一个红色的段落 ``` 这种方式适用于快速修改个别元素的样式，但不利于样式复用和...
《css在网页中的应用》教案.doc
11-29
《CSS在网页中的应用》教案主要关注如何利用CSS来提升网页设计的质量和用户体验。CSS，全称层叠样式表（Cascading Style Sheets），是网页布局的重要工具，它允许开发者精细控制网页元素的外观，包括字体、颜色、...
标记语言——网页应用CSS样式
09-28
【网页应用CSS样式】 在网页设计中，CSS（层叠样式表）是一种强大的工具，用于控制和美化HTML或XML文档的呈现方式。CSS允许开发者分离内容（HTML或XML标记）和表现（样式），使得网页设计更为灵活且易于维护。本...
网页制作中应用CSS控制文本的主要指令
01-08
通 常一个网站的内容最多的就是文字了，透过这些文字相关的CSS指令，您可以将您的 网页内容排版得美美的。本章将分两个部份为您介绍，第一部份是字型性质的CSS指 令，用以控制文字字型的各种样式；第二部份介绍的是...
零基础CSS入门教程(2)——CSS如何应用
weixin_61808806的博客
12-06 211
上一篇介绍了CSS的作用，就是用来设置网页的样式的。本篇就用一个最基础的入门实例，来展示下CSS是如何将样式应用到网页上好的，现在我们想将绿色这个样式应用到上面的第一个标签，也就是下面这段代码上。 那么如何应用呢，其实可以通过HTML的style属性来实现。也就是说，style属性的值就是我们要编写的CSS代码部分。通过style属性，我们可以将CSS样式代码应用到指定的标签上。看下面的代码，我们给p标签设置了style样式，style属性的值color:aquamarine;就是CSS代码 效果如下 从上
css3的标签使用
qq_48516121的博客
11-03 279
一、css： 1.基本选择器 2.高级扩展选择器 3.能够使用常用的css属性 4.能够使用盒子模型的属性去调整网页（万能） 5，完成一个网页的注册。（登入首页） （1）什么是css： 概念：层叠样式表：Cascade Style Sheet （2）作用： 美化网页： 规范 ...
css--使用的四种方法
weixin_30698527的博客
06-15 168
前戏 之前学习了HTML相关的知识，也能简单的写一个helloworld的页面。但是，只学HTML满足不了我们的需求，而HTML、CSS、JavaScript三者搭配使用才能更好的完成我们需要的效果，那他们之间的关系是什么呢？ HTML是网页内容的载体 CSS样式是外观控制 JavaScript是行为，用来实现网页特效效果 什么是CSS呢 CSS层叠样式表（CascadingSty...
CSS应用
weixin_45127935的博客
08-11 462
CSS应用 CSS:Cascding Style Sheet 层叠样式表 1.作用:用来控制我们HTML标签的展示样式,使得标签的样式展示的更加丰富,就是用来解耦的 我们学习了CSS以后 尽量不使用 HTML标签自带的属性 全部用CSS 去设置 层叠性:多个多个样式控制一个标签,这几个样式对一个标签同时生效 2.CSS 跟HTML 配合使用的方式 方式1:内联样式: 将CSS 代码写在标签上 所...
CSS之应用样式的四种方式
shandamengcheng的博客
01-12 3581
CSS之应用样式的四种方式 1. link标签 通过link标签链接的样式表不是HTML文档的一部分，但是却供文档使用。这样的样式表称为外部样式表。 Web浏览器遇到link标签时，会查找并加载样式表，并渲染HTML文档。 属性 rel: relation 关系的简称 常用为stylesheet href: 样式表的URL链接 可以是绝对地址 也可以是相对地址 type: 文档的数据类型 始...
CSS之 使用CSS控制页面的四种方式
热门推荐
冯浩月
02-21 1万+
前言  CSS在制作网页中，是大量使用的一种语言，多参考一些网站的源代码可以帮助我们快速掌握各种技巧并运用到实际制作中，下面小编就如何在网页中引入CSS样式表做一下简单的介绍。CSS控制页面  使用CSS制作网页时，一个基础的要求是主流的浏览器之间的显示效果要基本一致，通常的做法是一边编写HTML和CSS代码，一边在两个不同的浏览器上进行预览，及时地进行调整，这有利于深入掌握CSS。  通过大致地...
Caused by: java.lang.NoClassDefFoundError:/cluster/repositories/cleanup/CleanupRepositoryRequest
weixin_46684099的博客
07-20 230
Caused by: java.lang.NoClassDefFoundError: org/elasticsearch/action/admin/cluster/repositories/cleanup/CleanupRepositoryRequest at org.elasticsearch.client.RestHighLevelClient.<init>(RestHighLevelClient.java:247) at org.elasticsearch.client.RestHig
web基础
weixin_45135434的博客
01-05 360
Web前置课Day01-20210105 文章目录Web前置课Day01-20210105一、HTML51.1HTML5常见元素与属性1.1.1基本元素1.1.2 文本格式化元素1.1.3 语义相关元素1.1.4块级元素和内联元素1.1.5超链接和锚点1.1.6 列表相关元素1.1.7 图形图形相关元素1.1.8 表格相关元素二、Web练习2.1练习12.1.1题目2.1.2 代码2.2 练习22.2.1 题目2.2.2代码三、专项练习3.1 C语言第1题第2题第3题第4题第5题第6题第7题第8题第9题第1

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值