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
发布了12 篇原创文章 · 获赞 0 · 访问量 137
私信
关注