Web-Grundlagen: Verwendung von HTML|CSS

高洛峰

Freigeben： 2017-03-23 09:12:06

Original

1647 Leute haben es durchsucht

he quan ##连接

123

段落 br换行

123

标题字体加大，到h6

hequan 内链标签

所有标签分为：

块级标签： div（白板），H系列（加大加粗），p标签（段落和段落之间有间距）

行内标签： span（白板）

标签之间可以嵌套

标签存在的意义，css操作，js操作

ps:chorme审查元素的使用

- 定位

- 查看样式

position: fixed;top:0; right: 0;">1

属性

提交后台的

- img

src

alt

title

- list

Formular

Tabelleder Kopf

der

der Körper

colspan = ''

rowspan = ''

- label

Wird zum Klicken auf die Datei verwendet damit das zugehörige Label den Cursor bekommt

Username:

- fieldset ##Edge

legend

CSS

Legen Sie das Stilattribut für das Tag fest:

Hintergrundfarbe

: #2459a2;

Attribute 2. Schreiben Sie den Stil in das Style-Tag

in der Head-ID-Auswahl Bereich #i1{

Hintergrundfarbe: #2459a2; 🎜> . Name {

… 🎜> -

Tag-Auswahl

div{

...

}

所有div设置上此样式

- 层级选择器（空格） ******

.c1 .c2 div{

}

- 组合选择器（逗号） ******

#c1,.c2,div{

}

- 属性选择器 ******

对选择到的标签再通过属性再进行一次筛选

.c1[n='alex']{ width:100px; height:200px; }

PS:

- 优先级，标签上style优先，编写顺序，就近原则

2.5 css样式也可以写在单独文件中

3、注释

/* */

4、边框

- 宽度，样式，颜色 (border: 4px dotted red;)

- border-left

5、

height，高度百分比

width，宽度像素，百分比

text-align:ceter, 水平方向居中

line-height，垂直方向根据标签高度

color、字体颜色

font-size、字体大小

font-weight 字体加粗

6、float

让标签浪起来，块级标签也可以堆叠

老子管不住：

clear: both;">

7. Anzeige

Anzeige: keine; – Beschriftung verschwinden lassen

Anzeige: inline;

Anzeige: block ;

display: inline-block;

Bei Inline wird standardmäßig so viel belegt, wie Sie haben

Bei block können Sie die Höhe und Breite festlegen, was nicht eingestellt werden kann, Auffüllung Rand

******

Inline-Beschriftungen: Höhe, Breite und Auffüllungsrand können nicht festgelegt werden

Beschriftungen auf Blockebene: Höhe, Breite, Füllrand festlegen

8. Füllrand(0,auto)

Rand: innerer Rand äußerer Rand

padding-top:self internal margin

div style="float: left; ">Diese Seite als Lesezeichen speichern

🎜> >

floating

Das obige ist der detaillierte Inhalt vonWeb-Grundlagen: Verwendung von HTML|CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!