Css入门之样式表实际写法

最新推荐文章于 2023-03-02 23:51:17 发布
最新推荐文章于 2023-03-02 23:51:17 发布
阅读量916 收藏
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kissme_a/article/details/18739991
版权

样式表的实际写法

*{font-family:"arial"}                            *好表示真个文档，font-family表示字体 
.test{color:red;font-weight:bold;font-size:18pt}  表示修改类名为test的内容
p,span{font-style:italic}                         表示修改属性为p跟span的内容
p span{color:#00ff00;font-size:12pt}		  表示修改属性p中的属性span的内容	
p#t{color:#0000ff;font-size:14pt}		  表示修改属性p中ID为test的内容
p.test{color:#ffbbaa;font-size:16pt}              表示修改属性p中类名为test的内容
p#hello span{color:#00bbaa;font-size:20pt}        表示修改属性p中ID为hello跟span的内容


//style.css
*{font-family:"宋体"}
body{color:gray}
p,span{color:red}
p span{color:blue;font-style:italic}
p#t{color:green}
p.t1{color:yellow}
p#t2 span{color:pink}

<html>
<head>
	<title>样式表实际写法事例</title>
	<link rel = "stylesheet" href = "style.css" type = "text/css" />
</head>
<body>
	<p>我也是一个段落</p>
	<span>这是个段落</span>	
	<p>这是<span>个段落</span></p>
	<p id = "t">这是一个段落</p>
	<p class = "t1">这是一个段落啦</p>
	<p id = "t2">这是一<span>个段落</span></p>
</body>
</html>


最爱林丽明小姐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css笔记2（三种样式表写法、标签分类、块元素、行内元素转换、CSS三大特性、链接伪类、文本修饰、背景属性）
CHIDA A
04-10 232
2019/04/10 1.三种样式表写法 内嵌式写法 <head> <style type="text/css"> </style> </head> 只作用于当前文件，没有真正实现结构表现分离 外链式写法 <link rel="stylesheet" href="css/all.css"> 作用范围是当前站点，作用范围广，实现...
DIV＋CSS快速入门
05-10
在网页设计中，Div+CSS布局是将内容和样式分离的一种方式，它通过CSS（层叠样式表）来控制Div元素的样式，使得网页结构更加清晰，易于维护和调整。 2. **CSS样式控制**：CSS（Cascading Style Sheets）是一种样式表...
【02】CSS-（day01）css样式表，css基础选择器，css文字文本样式
最新发布
qq_42755008的博客
03-02 536
使用HTML时，需要遵从一定的规范。CSS亦如此，要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则，选择器用于指定CSS样式作用的HTML标签，花括号内是对该对象设置的具体样式。属性和属性值以“键值对”的形式出现。属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。属性和属性值之间用英文“:”连接。多个“键值对”之间用英文“;”进行区分。选择器尽量少用通用选择器尽量少用 ID 选择器不使用无具体语义定义的标签选择器 div span```html。
css三种样式表写法
weixin_30614109的博客
05-22 219
css三种样式表：1、内嵌样式表：<head><style type="text/css">样式表写法</style></head>2、外链样式表：<link rel="stylesheet" href="1.css">3、行内样式表：<h1 style="font-size:30px;color:p...
样式表写法
sanfenzhongao的博客
07-22 327
外部样式表：<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>内部样式表：<head> <style type="text/css"> body {background-color: red} p {margin-left: 20px} </styl
CSS样式表的写作规范
weixin_33779515的博客
09-25 200
推荐大家使用的CSS书写规范、顺序 写了这么久的CSS，但自己都没有按照良好的CSS书写规范来写CSS代码，东写一段西写一段，命名也是想到什么写什么，过一段时间自己都不知道写的是那一块内容， 这样会影响代码的阅读体验和工作进程，在更改样式时也会麻烦很多；看网上的大能前辈总结的CSS书写规范、CSS书写顺序供大家参考，我想对写CSS的前端用户来说是 值得学习的。 　　想了想我认为前...
CSS零基础入门视频课程（最适合初学者的教程）.zip
05-31
**CSS（层叠样式表）**是网页设计中不可或缺的一部分，它用于定义页面的布局、颜色、字体等视觉样式。本教程"CSS零基础入门视频课程"专为初学者设计，旨在帮助那些对CSS没有基础知识的人快速上手，了解并掌握CSS的...
CSS网页布局教程：CSS伪类定义3种方法
09-27
在CSS（层叠样式表）中，伪类是一种特殊的选择器，用于选择元素在特定状态下的样式。在网页布局中，伪类对于创建交互性和动态效果至关重要。本教程将介绍CSS伪类定义的三种方法，帮助你更好地理解和应用它们。 **1....
Div+CSS布局入门教程
01-12
Div+CSS布局是一种在网页设计中广泛应用的技术，它通过HTML中的元素和CSS（层叠样式表）来实现页面的结构化和样式化，从而提高了网页的可维护性和易读性。在这个教程中，我们将逐步学习如何创建一个基本的Div+CSS...
css高清学习视频（从入门到精通）最佳的视频教程
08-07
5. **创建CSS样式表文件及基本写法4_4.swf**：这是关于如何创建CSS文件的基本知识，包括如何编写选择器、声明和属性，以及外部、内部和行内样式的概念。 6. **类型属性4_7_1.swf**：这可能讲解了CSS中的类型选择器...
CSS样式的写法
哈
10-18 7781
CSS样式的三种写法 方式一：将CSS样式直接写到标签里面 <div style="width: 200px;height: 150px;background-color: aqua">ddd</div> 方式二：将CSS样式写到页面头部 <!DOCTYPE html> <html lang="en"> <head> <m...
css 的几种写法
a520songhai的博客
07-05 1198
js里 在标签里写style &amp;lt;div id=&quot;round&quot; style=&quot;width:400px; height:300px;&quot;&amp;gt; 一、可以通过DOM节点对象的style对象(即CSSStyleDeclaration对象)来读写文档元素的CSS样式 如： &amp;lt;script type=&quot;text/javascript&quot;&am
css样式写法<link和style>
dixi7825的博客
12-08 495
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus®"> 6 <meta ...
CSS样式书写的三种方式
Tepid的博客
06-23 5777
行内式 是 是通过标签的style属性来设置元素的样式，其基本语法格式如下： <span style="color:#000;font-size:16px">HelloWord</span> 语法中style是标签的属性，实际上任何HTML标签都拥有style属性，用来设置行内式，其中属性值的书写规范与css样式规则相同，行内式对其所有的标签及嵌套在其中的子标签起作用。 ...
样式表的写法
___ 、努ㄌ
09-14 521
<br />    <%--js标题样式--%><br />    <style type="text/css"><br />        body<br />        {<br />            padding: 0;<br />            margin: 0;<br />        }<br />        h1<br />        {<br />            padding: 0;<br />            margin: 0;<br />
CSS的三种写法，你知道吗？
景月娇-Kathy
04-05 1932
CSS（层叠样式表） 英文全称：Cascading Style Sheets CSS是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力...
css里面常用一些通用样式写法
sqfbeijing的专栏
09-17 875
baidu_padding_1等html, body, div, h2, h3, h4, p, td, tr, ul, ol, li, table, dl, dd, dt, img, form { margin: 0; padding: 0; }baidu_padding_2等body, div, span, object, iframe, h1, h2, h3, h4, h5, h
css样式写法分类
whpu1234的博客
08-07 645
css样式写法分类 1.内联式css样式 ，直接写在现有的HTML标签中   如：一个段落标签p       &lt;p style="color:red ; font-size:12px"&gt;段落标签文本&lt;/p&gt; 注：多条样式用“;”分开 2.嵌入式css样式 ，写在当前文件中   把css样式代码写在&lt;style&gt; &lt;/style&gt;里，且以标签名、id名...
CSS 样式书写规范(推荐)+CSS布局实例（详解）
笑桐笔记的博客
04-09 3474
CSS 样式书写规范(推荐)编码设置采用 UTF-8 编码，在 CSS 代码头部使用：@charset "utf-8";注意，必须要定义在 CSS 文件所有字符的前面（包括编码注释），@charset 才会生效。例如，下面的例子都会使得 @charset 失效：/* 字符编码 */ @charset "utf-8"; html, body { height: 100%; } @charset ...
CSS入门：样式表的强大与灵活特性，个性化访问者体验！
6. CSS 高级功能包括嵌入样式表, 内联样式及链接样式表等。 7. 样式表得以和你的脚本语言进行介接, 实现用户的自定义需求。 8. 可应用不同的样式于同一类 HTML 元素。 总结：CSS是层叠样式表，可以使网页呈现不同的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值