CSS样式

最新推荐文章于 2023-08-05 00:00:00 发布

bear_cab

最新推荐文章于 2023-08-05 00:00:00 发布

阅读量146

点赞数 1

分类专栏： 2019-HTML&CSS&Javascript

本文链接：https://blog.csdn.net/phone13144830339/article/details/87457940

版权

2019-HTML&CSS&Javascript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

index.css

/*元素(标签)选择器*/
body{
	font-family: 楷体;
}

index.html（与index.css文件放在相同路径中）

<html>
	<head>
		<meta name="author" content="lu"/>
		<meta name="revised" content="2019-02-15"/>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<!--引入外部样式表-->
		<link rel="stylesheet" type="text/css" href="index.css"/>
		<!--内部样式表-->
		<style>
			/*类选择器*/
			.stress {
				color:red;
			}
			/*子代选择器*/
			.item > .option {
				font-size:15px;
			}
			.item {
				/*内边距*/
				padding:5px;
				/*边框*/
				border:1px solid black;
				/*外边距*/
				margin:5px;
				/*轮廓*/
				outline:#00FF00 dotted 5px;
			}
		</style>
	</head>
	<body>
		<div class="item">
			<h4>CSS简介</h4>
			<p class="option">1.CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。</p>
			<p class="option">2.CSS 是一种标记语言，属于浏览器解释型语言，可以直接由浏览器执行，不需要编译。</p>
			<p class="option">3.CSS 是用来表现HTML或XML的标记语言。</p>
			<p class="option">4.CSS 是由W3C的CSS工作组发布推荐和维护的。</p>
			<p class="option">5.CSS 是编程入门人员的必修课，运用CSS样式可以让页面变得美观。</p>
			<p class="option">6.CSS语法由三部分构成：选择器、属性和值： selector {property: value}。</p>
		</div>
		<div class="item">
			<!--内联样式-->
			<h4 style="color:red">选择器</h4>
			<p class="stress option">1.元素(标签)选择器</p>
			<p class="stress option">2.id选择器</p>
			<p class="stress option">3.类(class)选择器</p>
			<p class="stress option">4.属性选择器</p>
			<p class="stress option">5.组合选择器(选择器分组)</p>
			<p class="option">6.后代选择器</p>
			<p class="option">7.子代选择器</p>
			<p class="option">8.相邻选择器</p>
			<p class="option">9.兄弟选择器</p>
			<p class="option">10.伪类、伪元素（给选择器添加特殊效果）</p>
		</div>
		<div class="item">
			<h4>框(盒子)模型</h4>
			<p class="option">框模型的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。</p>
		</div>
		<div class="item">
			<h4>......</h4>
		</div>
	</body>
</html>

bear_cab

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS样式

index.css /*元素(标签)选择器*/body{ font-family: 楷体;} index.html（与index.css文件放在相同路径中）&lt;html&gt; &lt;head&gt; &lt;meta name="author" content="lu"/&gt; &lt;meta name="revised" content=&quot
复制链接

扫一扫

专栏目录