CSS属性

最新推荐文章于 2024-07-12 20:49:16 发布

IsCHANo

最新推荐文章于 2024-07-12 20:49:16 发布

阅读量167

点赞数

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

本文链接：https://blog.csdn.net/qq_40908649/article/details/104069307

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

style改变样式	        
  <body style = "background-color:Blue;">				//背景颜色
  <h1 style = "text-align:center">This is a heading</h1>	     //居中
  <p style = "color:blue">This text is blue</p>			//文本颜色
  <p style = "font-family:arial;color:blue;font-size:20px;"> //字体颜色大小
  <p>This text is 20 pixels and blue</p>
  </body>

HTML 链接 - target 属性
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
<p>如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开。</p>

HTML 链接 - name 属性（使用链接跳转至文档的另一部分）
<p><a href="#C4">查看 Chapter 4。</a></p>
<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>

替换文本属性（Alt）
<img src="boat.gif" alt="Big Boat">
在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。

border表格和边框属性	cellpadding单元格边距	cellspacing单元格间距
<table border="1" cellpadding="10" cellspacing="10" frame="box"></table>

跨行或跨列表格单元格
<th colspan="2">电话</th>	//跨列
<th rowspan="2">电话</th>	//跨行

class属性
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:green;}	
</style>
</head>
<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph.</p>
</body>

2D变换
transform:rotate(30deg);		//顺时针旋转30°
transform:scale(1.2)	//0~1缩小，>1放大

3D变换
transform-style:preserve-3d;
transform:rotateX(30deg);	//绕x轴旋转
transform:rotateY(30deg);
transform:rotateZ(30deg);

IsCHANo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS属性

style改变样式 <body style = "background-color:Blue;"> //背景颜色 <h1 style = "text-align:center">This is a heading</h1> //居中 <p style = "color:blue">This text is...
复制链接

扫一扫