网页制作中CSS的四种常用方法

山语山

于 2024-09-30 18:06:48 发布

阅读量217

点赞数 1

文章标签： css 前端 html

本文链接：https://blog.csdn.net/qq_43556680/article/details/142661929

版权

网页制作中CSS的四种常用方法
1.植入html

<style type="text/css">
<!--
H1 { color: green; font-size: 37px; font-family: impact ;background-color:#FFCCFF}
P { text-indent: 1cm; background: yellow; font-family: courier }
-->
</style>

2.链接

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

3.输入样式表单
输入外部样式表的方法同链接的方法类似。不同之处在于链接法不能同其它方法结合使用，但输入法则可以。例：

<HTML>
<STYLE TYPE="text/css">
<!--
@import url(company.css);
H1 { color: orange; font-family: impact }
-->
</STYLE>
<HEAD>
<TITLE>My First Stylesheet
</TITLE>
</HEAD>
<BODY>
<H1>Stylesheets: The Tool of
the Web Design Gods</H1>
<P>Amaze your friends! Squash
your enemies!</P>
</BODY>
</HTML>

4.在行内加上样式

<H1 STYLE="color: orange; font-family: impact">Stylesheets: The Tool of the Web Design Gods</H1>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

山语山

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

CSS的四种用法

zw_82的专栏

08-18

981

1.植入htmlH1 { color: green; font-size: 37px; font-family: impact ;background-color:#FFCCFF}P { text-indent: 1cm; background: yellow; font-family: courier }--> 2.链接3.输入样式表单输入外部样式表的方法同链接的方法类似。不

CSS的4种样式

LT的博客

05-11

965

CSS的4种样式 1.CSS行内样式在开始标签内添加style样式属性 <p style= "color:red">这里是内容</p> 2.CSS内部（嵌入）样式在head标签内添加 <style type="text/css"> p{color:red;} </style> 对于低版本的浏览器，无识别样式标签。解决办法：在style标签内用注释标签理由：高版本的浏览器能识别样式标签，会自动忽视注释标签；低版本浏览器可以注释掉样式，不会在页面上显

参与评论您还未登录，请先登录后发表或查看评论

CSS的使用

m0_48273471的博客

04-24

3983

CSS基本语法与使用目录 1. CSS基本语法 2. CSS类型 1. CSS基本语法选择器 + {⼀条/N条声明} ● 选择器决定针对谁修改。 ● 声明决定修改啥.。 <style> p { /* 设置字体颜⾊ */ color: red; /* 设置字体⼤⼩ */ font-size: 30px...

CSS的基本用法

wzfi20042002的博客

01-24

2271

**CSS的基本用法 css样式样式是css最小单元语法，每个样式包括两部分内容：选择器和声明。选择器（Selector）：选择器告诉浏览器该样式将作用于页面中的哪些对象，这些对象可以是某个标签、所有网页对象、指定class或ID值等。浏览器在解析这个样式时，根据选择器来渲染对象显示效果。声明（Declaration）：声明可以有一个或无数个，这些声明命令浏览器如何去渲染选择器指定的对象。声明必须包括两个部分：属性和属性值，并用分号来标识一个声明的结束，在一个样式中最后一个声明可以省略分号。所有声

CSS基本用法

YKiOS的博客

12-20

1174

1.CSS引入方法内联式：通过标签的style属性，在标签上直接写样式。如： <div style="width: 200px;height: 400px;background: red">这是一个div标签</div> <p style="width: 300px;height: 80px;background: green">这是一个...

CSS隐藏网页文字的几种常用方法

09-27

本文将详细讲解CSS中常用的几种隐藏网页文字的方法，以及它们各自的优缺点。 1. `display:none` `display:none` 是最直接的隐藏方式，它可以使得包含的文字和其所在的容器完全消失，从视觉上不可见。然而，这种...

四种CSS常用的选择器使用方法和注意事项

12-04

本文将详细介绍四种常用的CSS选择器：类选择器、ID选择器、HTML元素选择器和通配符选择器，并提供相应的使用方法和注意事项。 1. 类选择器（Class选择器）类选择器通过在元素前加上`.`符号来指定。例如，`.s1`就是...

CSS设计网页时的一些常用规范

09-27

在进行网页设计时，CSS（层叠样式表）是定义网页外观和格式的关键技术。为了保持网页的可读性和可维护性，遵循一些常用的CSS设计规范是很有必要的。以下详细介绍了在设计网页时，CSS中的一些常用规范，包括文件命名...

CSS基本的用法

一起学习

10-24

1227

一、css页面引入方法： 1、外联式：通过link标签，链接到外部样式表到页面中 <link rel="stylesheet" type="text/css" href="css/main.css"/> 2、嵌入式：通过style标签，在网页上创建嵌入式的样式表 <style> div{ width:100px; height:100px; ...

css基本用法

@CondyMr的博客

05-09

445

Css初始化相同的元素，如li ，在不同的浏览器下，显示的效果稍有不同，是因为，不同的浏览器对各元素的margin，border，font-size等略有不同，如何杜绝这种情况，我们可以通过css强制让所有元素的属性值都一样，这样，在浏览器显示就一致了，减少不兼容情况的发生，这个过程叫css初始化。最简单的初始化方法就是： * {padding: 0; margin: 0;} 。有很多人也是这样写...

CSS基本用法(二)

zhucihe的博客

09-20

529

CSS3 CSS3是对CSS2的扩充，删减，优化结构伪类选择器功能 E:first-child 匹配第一个孩子 E:last-child 匹配最后一个孩子 E:nth-child(n) 匹配第n个孩子 E:nth-child(2n)或E:nth-child(even) 匹配偶数的孩子 E:nth-child(2n+1)或E:nth-child(odd) 匹配奇数的孩子 E:only-child

CSS的使用方法

weixin_30326741的博客

03-05

341

参考资料:http://css.cuishifeng.cn/ 一、CSS的四种引入方式 1.行内式　　行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用（与链接式或者导入式同时控制同一标签时，行内式优先显示）。 2.嵌入式　　嵌入式是将CSS样式集中写在网页的<head></head>标签对的<s...

CSS的基础用法（1）

命z的博客

05-17

425

CSS使用规则： h1 { color：bule}

CSS四种设置方式

wzqnls

07-17

3147

上面这张思维导图已经大概的讲明白了四种设置方式的不同点，下面就细入说明一下各自的用法和注意点。 1.嵌入样式表 CSS四种设置方式内联样式表运行结果： 2.嵌入样式表 CSS四种设置方式 p{ font-size:2cm; color:red; } h2{ color:red;

CSS基本用法(一)

zhucihe的博客

09-20

349

1. CSS基础语法1.1. CSS三类用法1.1.1. 嵌入式将样式写在标签中间，一般将该标签放在head标签里面。例如：<head> <meta charset="UTF-8"> <title>文本字体属性练习</title> <style> span{font-weight: bold;} .h{ font

css3的标签使用

qq_48516121的博客

11-03

316

一、css： 1.基本选择器 2.高级扩展选择器 3.能够使用常用的css属性 4.能够使用盒子模型的属性去调整网页（万能） 5，完成一个网页的注册。（登入首页）（1）什么是css：概念：层叠样式表：Cascade Style Sheet （2）作用：美化网页：规范 ...

css的3种用法

centre10的专栏

02-17

4782

Css的3中使用方式：方法1：行内样式表（style属性）为HTML应用CSS的一种方法是使用HTML属性style。我们在上例的基础之上，通过行内样式表将页面背景设为红色：例子这个页面是红色的方法2：内部样式表（style元素）为HTML应用CSS的另一种方法是采用HTML元素style。比如像这样：html>例子

CSS使用方法

我爱编程持之以恒

05-07

1663

css就是规定各种显示风格样式的名称和设置值的规则。它有4种方式可以将样式加入到HTML中，分别是内联样式表、嵌入样式表、外联样式表、输入样式表。 ①内联样式表：在html标签中直接使用style属性。它适用于只需要将一些简单的样式应用于某个独立的元素的情况。在使用时，需要在head标签中添加meta标签，如下：使用方法如下： ②嵌入样式表：在

CSS超链接样式详解：四种状态与常用属性

在网页设计中，CSS（层叠样式表）是一种强大的工具，用于控制HTML元素的外观和布局。本文主要聚焦于"常用css属性——超链接样式"这一部分，它详细介绍了如何通过CSS来管理标签（超链接）的不同状态样式。首先，...