运用简单选择器和属性选择器笔记

最新推荐文章于 2022-08-20 20:29:54 发布

qq_40891002

最新推荐文章于 2022-08-20 20:29:54 发布

阅读量134

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/qq_40891002/article/details/105746668

版权

css 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简历</title>
	
		<style>
			h1{text-align: center;text-decoration: none;text-shadow:10px 10px 10px red;}/*text-align为水平对齐属性，text-decoration为文本装饰*/
			p {color:yellow;} /*标记选择器*/
			.green{color:red;font-weight: 500;} /*类选择器,font-weight属性是指字体粗细属性*/
			#blue{color:blue;font-style: normal;}/*id选择器,font-syle属性是指字体风格*/
			*{ margain:0; padding:0;}/*通配符选择器*/
			p[id*="main"]{color:pink;font-family: "微软雅黑";font-size:20px;}/*属性选择器,font-family是字体类型，font-size是指字号大小*/
			p[id^="main"]{text-indent: 2em;font-size: 16px;line-height: 18px;}/*text-indent为首行缩进属性,line-height为行高，要比字体大*/
		</style>
		
	</head>
	<body>
		<h1>个人简历</h1>
		<p id="blue">姓名：张三</p>
		<p class="green">性别：男</p>  
		<p id="sfjalmain">手机：11111111111</p>
		<p id="maindsfjs">项目经验：完成php+mysql实现小型网上书店,货圈全是根据现在客户多样化需求推出的一款手机移动端，可以为用户提供快捷的进货管理，最低价，最优选，集中送，全金币等功能。通过货圈全，客户可以买到最优惠，最便宜的商品，缩短进货时间，最主要的是不花冤枉钱，就能买到好的商品，优质的服务。</p>
		
	</body>
</html>

qq_40891002

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
运用简单选择器和属性选择器笔记

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>简历</title> <style> h1{text-align: center;text-decoration: none;text-shadow:10px 10px ...
复制链接

扫一扫