1.改变字体大小

<p style="font-size:50px">

 

2.改变字体 和 颜色

<p style="font-family:times;color:green">

 

3.改变底色

<body style="background-color:PowderBlue;">

<p style="background-color:PowderBlue;">

 

4.把块级标签变成行内标签的方法

<h2 style="display:inline">Name: </h2>

p {display: block}  #变块级元素

div {display: none} #隐藏元素

 

5.文字居中的方法

<p style="text-align:center">123<\p>

 

6、设置图片长宽

<img border="0" src="/i/eg_bookasp.gif" width="120" height="151">

 

7、让元素隐藏/展示

<p >Hello JavaScript!</p>

<p >Hello JavaScript!</p>

 

header{
background:lightgreen;   #底色
padding:10px;               #文字距离上下边框距离
}


h1{
color:#222;               #字的颜色
text-align:center;  #文字居中

}

 

8、手形样式

cursor:pointer;
 
9、固定底部

{
position:absolute;
bottom:0px
}

https://www.w3school.com.cn/tiy/t.asp?f=csse_position_bottom

相关文章: