Heim > Web-Frontend > HTML-Tutorial > Web-Grundlagen: Verwendung von HTML|CSS

Web-Grundlagen: Verwendung von HTML|CSS

高洛峰
Freigeben: 2017-03-23 09:12:06
Original
1634 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
   属性

登录

action="http://localhost:8888/index" method="get">

    

    

    email"/>

    

提交后台的

    

        帐号:

      

 密码:

        

请选择性别

        男:

        女:

        

爱好

        篮球:

        足球:

        

技能

        写代码:

        搭服务:

        

上传文件

        file" name="fname">

    

Provinz

< ;/p>

- img

src

alt

title

- list

ul

li

ol

li

dl

dt

-

Formular

Tabelleder Kopf

tr

der

der Körper

tr

td

colspan = ''

rowspan = ''

- label

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

- 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

🎜>                                                                                    >

1
3

##

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage