css、html根据class设置颜色、字体、位置属性

最新推荐文章于 2024-04-06 20:41:17 发布

weixin_38919176

最新推荐文章于 2024-04-06 20:41:17 发布

阅读量6.1k

点赞数

分类专栏：前台文章标签： css html

本文链接：https://blog.csdn.net/weixin_38919176/article/details/114642866

版权

前台专栏收录该内容

7 篇文章

订阅专栏

本文介绍了CSS选择器的应用及如何使用不同的选择器来精确控制网页元素的样式，包括类选择器、ID选择器和通用选择器等。通过具体实例展示了如何设置元素的样式属性，如背景颜色、文本对齐方式等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

class=“file-tip”

.file-tip{
	font-size: 13px;
	color: red;
	padding-left: 5px;
}

页面布局：

<tr>
	 <td colspan="6" class="tHead">
		 <b class="common_font">附件信息<span class="file-tip">(附件格式为PDF且附件大小最大10M)</span></b>
	 </td>
 </tr>

.class

.class
点后跟class值

#id
井号后面跟id值

为 class=“hometown” 的所有

元素设置样式：

p.hometown
{ 
background-color:yellow;
}

星号 * 选择器选取所有元素。

星号 * 选择器也能选取另一个元素中的所有元素：

> 选择所有元素，并设置它们的背景色，
*
{ 
background-color:yellow;
}

> 选取 <div>  元素内部的所有元素：
div *
{ 
background-color:yellow;
}

> 选择并设置所有 <p> 元素的样式：
p
{ 
background-color:yellow;
}

.classname{
	width: 100%;//宽度
	height:30px;//高度
	background-color: #F2FBFA;//背景颜色
	color: #ffff;//颜色
	display:none;//不显示
	text-align: center;//文本内容位置-center居中
	font-size: 16px;//字体大小
	margin-left: -62px;
  	margin-top: -62px;
	margin:0 auto;
	margin-bottom: 10px;
	border-bottom: 1px dashed #CCC;

}