css Learning1

最新推荐文章于 2024-05-09 13:55:26 发布

派大星你在那做什么

最新推荐文章于 2024-05-09 13:55:26 发布

阅读量155

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/qq_44451988/article/details/109517511

版权

8 篇文章 0 订阅

订阅专栏

什么是css

CSS是Cascading Style Sheet（层叠样式表）的缩写。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

样式语法：选择器 {属性名:属性值}

Selector {
	property:value
}

可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。

内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。

<p style="color:#f00;">这一行的字体颜色将显示为红色</p>

可以在你的HTML文档的 head 标记里插入一个style块对象。

	<style>
		body{
			background:#fff;color:#000;
		}
		p{
			font-size:14px;
		}
	</style>

可以先建立外部样式表文件x.css，然后使用HTML的link对象。

<link rel="stylesheet" href="*.css" />

css文本属性	对应描述
text-align	定义元素内容的水平对齐方式
text-indent	定义块内文本内容的缩进
vertical-align	定义行内元素在行框内的垂直对齐方式
line-height	定义元素中行框的最小高度
text-transform	定义元素的文本如何转换大小写
white-space	指定元素是否保留文本间的空格、换行；指定文本超过边界时是否换行。
word-wrap/overflow-wrap	定义元素内容文本遇到边界时如何换行
text-justify	定义使用什么方式实现文本内容两端对齐

会选择包括body在内的所有元素。
初始化页面时会用到，设置元素样式不推荐使用。
格式：* { … }

* {
	/* 给所有标签添加背景色wheat */
	background-color: wheat;
}

通过标签名就可获取相应元素。
格式：标签名 { … }

	div{
		/* 所有的div标签都添加背景色orange */
		background-color: orange;
	}

在一个页面中id值必须是唯一的。
格式：#id值 { … }

 	<p id="idp">这里的文字颜色为orange</p>

	#idp {
		/* 将id为idp的元素中的内容颜色设置为orange */
		color:orenge;
	}

通过给标签添加class属性，选择想要的标签。
格式：.类名 { … }

<p class="p1">我显示颜色为orange</p>

.p1{
	/* 把类名为p1的标签内容颜色设置为orange */
	color:"orange"
}

2020/11/5

关注