LOFTER for ipad —— 让兴趣,更有趣

点击下载 关闭

LOFTER-网易轻博

表格

47186浏览    897参与
藤原炽焰

从半次元悄悄地飞过来啦(=゜ω゜)ノ
是自己孩子的表格!最后一p动作有参考

从半次元悄悄地飞过来啦(=゜ω゜)ノ
是自己孩子的表格!最后一p动作有参考

月鹤.想要冬眠
今年的孩子们 没有绿毛( 明年...

今年的孩子们

没有绿毛(

明年再画

今年的孩子们

没有绿毛(

明年再画

丟了微笑葽怎伪裝

html浮动原理与清浮,定位,常见标签与伪类,表格与表单元素

浮动:

1,浮动可以向左或向右移动,浮动的原理是当他的边缘碰到包含框或者做过浮动的边框为止;

float:left 向左浮动;

float:right 向右浮动;

做了浮动的元素不占位置,需要给其父元素清除浮动;

2,清除浮动;

浮动的清除有四种方法:

2.1:利用clear的空元素来清除浮动;

clear{

clear:left;}

2.2:利用overflow来清除浮动;

overflow:middle会裁减掉多出来的内容;

2.3:给浮动的父元素也设置浮动;

2.4:结合clear的空元素和after伪元素清除浮动;

clear::after{

content...

浮动:

1,浮动可以向左或向右移动,浮动的原理是当他的边缘碰到包含框或者做过浮动的边框为止;

float:left 向左浮动;

float:right 向右浮动;

做了浮动的元素不占位置,需要给其父元素清除浮动;

2,清除浮动;

浮动的清除有四种方法:

2.1:利用clear的空元素来清除浮动;

clear{

clear:left;}

2.2:利用overflow来清除浮动;

overflow:middle会裁减掉多出来的内容;

2.3:给浮动的父元素也设置浮动;

2.4:结合clear的空元素和after伪元素清除浮动;

clear::after{

content:‘’;

display:black;

clear:both;}

定位:

固定定位:position:fixed 相对于可视窗口的定位;不占位置;

相对定位:position:relative 相对于自身原来的位置,会占位置;

绝对定位:position:absolute 相对自己最近,做过定位的祖辈元素;不占位置;

常见标签:

<ul><li></li></ul>

无序标签

<ol><li></li></ol>

有序标签

<h1></h6>

标题标签

<p></p>

段落标签

a标签:

 <a class="box1" href=""></a>

target=_"blank"重新打开一个页面;

4个伪类:

a:link 未激活

a:visited已激活

a:hover悬停

a:active正在点击

表格:

table表格

<table><table>

<tr></tr>单元行

<td></td>单元行

表单:

<input type="text">文本框

<input type="password">密码框

<input type="number">数字框

<input type="radio">单选框

<input type="file">文件选择框

<select>

<optian>地区</optian>

</select>

下拉框

<input type="submit">提交按钮





金鱼?应该叫鲸鱼

好好的表格被我弄成p图表(喂)

偷懒了一篇……

好好的表格被我弄成p图表(喂)

偷懒了一篇……

MASK.BoxDuckiii
问题发言台词挑战表。取用随意...

问题发言台词挑战表。
取用随意

不🉑抹掉水印,over。

问题发言台词挑战表。
取用随意

不🉑抹掉水印,over。

洛离

突然发现没听说过的好多……

突然发现没听说过的好多……

藏常

俺家孩,玩了下表格。
后4张是大图
PS:是美攻系列

俺家孩,玩了下表格。
后4张是大图
PS:是美攻系列

金锡心

哈哈哈哈哈哈哈哈哈哈哈哈真好玩哈哈哈
是表格( •̀∀•́ )

哈哈哈哈哈哈哈哈哈哈哈哈真好玩哈哈哈
是表格( •̀∀•́ )

Midgard

填了个表[我的知识量储备还是太少了……]
P2原表格来自@周顾曲

填了个表[我的知识量储备还是太少了……]
P2原表格来自@周顾曲

漪下忆

自己做了今年的表格!
摄影、画画都可以填不影响!
黑白两种且都是透明底,点原图可以直接用!转发扩散取用随意!
如果可以的话的话用了能给我看一下吗?我想看反馈因为是第一次做_(:з)∠)_
然后p3和p4都是我自己的,给大家看效果 

自己做了今年的表格!
摄影、画画都可以填不影响!
黑白两种且都是透明底,点原图可以直接用!转发扩散取用随意!
如果可以的话的话用了能给我看一下吗?我想看反馈因为是第一次做_(:з)∠)_
然后p3和p4都是我自己的,给大家看效果 

乂普
圖源: @锐梓饿哭了依我有些看...

圖源: @锐梓饿哭了
依我有些看有些沒看的方式把新平成填完了

圖源: @锐梓饿哭了
依我有些看有些沒看的方式把新平成填完了

谰者
填了一下阵营表可把👴🏻累坏...

填了一下阵营表
可把👴🏻累坏了(虽然话又多画又菜)
全都是这两年演绎和语c过程中下的崽子
凑合着给自己闲得慌的时候乐呵乐呵

填了一下阵营表
可把👴🏻累坏了(虽然话又多画又菜)
全都是这两年演绎和语c过程中下的崽子
凑合着给自己闲得慌的时候乐呵乐呵

在下管萤

占tag抱歉_(:з」∠)_
同性向表格,不要问为啥没有bg!

占tag抱歉_(:з」∠)_
同性向表格,不要问为啥没有bg!

LOFTER

让兴趣,更有趣

简单随性的记录
丰富多彩的内容
让生活更加充实

下载移动端
关注最新消息