CSS属性

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);
CSS属性CSS属性 IsCHANo 发布了12 篇原创文章 · 获赞 0 · 访问量 137 私信 关注
上一篇:判断数据类型的方法


下一篇:css三种样式(内联,内部,外部)