html css样式

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 id="demo" style="display:none">Hello JavaScript!</p>

<p id="demo" style="display:block">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

 

10、渐变色背景

<style>
.wrapper {
  height: 100vh;
  background-image: linear-gradient(to bottom right, #d834c2, #2088dd);
  overflow: hidden;
}
</style>

 

11、提示文案

placeholder=“只要施肥施得好～～铁树都开花”
 
 
12、单位用rpx可以各种屏幕大小自适应变更
750rpx就是全屏
 
 
13、不过滤换行符
<span style="white-space: pre-line">
1、我是谁 \n 2、这个换行
</span>
https://blog.51cto.com/u_15402941/5146217
posted @ 2018-11-24 15:46  凯宾斯基  阅读(192)  评论(0)    收藏  举报