css 属性 003

最新推荐文章于 2023-07-24 23:29:23 发布

陀陀吖

最新推荐文章于 2023-07-24 23:29:23 发布

阅读量122

点赞数

分类专栏： html与css

本文链接：https://blog.csdn.net/weixin_40422393/article/details/88809401

版权

html与css 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>css 属性</title>
	<style>
		 /*选择器：标签选择器
			类选择器（class）
			id选择器（id）
			后代选择器 限定死
			*/
			
		/*类选择器命名：1、一般不用下划线，用中横线
		2、第一个单词首字母小写，后面单词首字母大写*/

		/*banner 广告  nav 导航栏*/

		/*多类名选择器*/
		.div{
			color: red;
			/*连写样式*/
			/*font-size: 12px;
			font-family: "黑体"；
			font-weight：bold;*/
			/*必须按照特定顺序来写*/
			/*选择器{font-style  font-weight font-size font-family}*/
			font:bold 12px "黑体";  /*//连写样式*/   /*顺序不能调动  size  和family不能省略必须存在*/
		} 
		.f1{
			color: pink;
		}  

		/*id选择器*/  
		#div1{
			color: green;
		}

		/*通配符选择器*/
		*{
			color: red;
		}
		
		/*css常用的属性*/
			font-weight：bold;   /*字体加粗标签*/  /*normal 让粗体不加粗 */
			line-height: ;   /*快捷键：lh+tab  其他类似一样  行与行之间的距离*/
			font-style:italic;  文本倾斜  能替代i标签
			font-weight: bold;   加粗文本 能替代strong标签
			font-family: ;
			text-align: left;  水平对齐
			text-indent:2em ;     段落首行缩进两个字
			text-decoration: none;  下划线(能代替u标签） 文本装饰 underline（下划线）/overline（上划线）/line-throught(删除线)	   记住text-decoration这个好用的属性

	</style>
</head>
<body>
	<!-- 多类名选择器 -->
	<div class="div f1">傻瓜</div>
	<div class="div f2">傻瓜</div>
	<div class="div f3">傻瓜</div>
	<div class="div f4">傻瓜</div>
	<div class="div f5">傻瓜</div>
	<div class="div f6">傻瓜</div>
	
	<!-- id选择器 -->  <!-- id选择器就像一个人的身份证，一个人的都是唯一的，一个标签只能是一个，不能重复 -->
	<div id="div1">臭肉</div>
	<div i="div2">臭肉</div>
	<div id="div3">臭肉</div>
	<div id="div4">臭肉</div>
	<div id="div5">臭肉</div>

	<!-- 通配符选择器 *所有 ?各别种类 -->  <!-- *号代表所有标签的意思 -->
	<div>啊哈</div>
	<p>嗯哼</p>
	<pan>嘻嘻</pan>
	<table>嘿嘿</table>
</body>
</html>