Web basics: use of html|css

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">

    

# & LT; Textarea name = "Meno" & GT; shengfen" size="2" multiple="multiple" >

  Beijing

  Shanghai

                                     <                             ="Submit">

- img

src alt

title

- List

ul

li

ol

li

dl

dt

dd

- Form

table

thead

tr th

tbody

tr

      td

colspan = ''

rowspan = ''

- label

Used to click the file so that the associated label gets the cursor

Username:

- fieldset ##Edge

legend

CSS

Set the style attribute on the label:

background-color

: #2459a2;

        

height

: 48px;

                                                                                                               Attribute 2. Write the style in the style tag in the head

- id selection area

Height: 48px;

#                                                            … Selector

                    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.display

display: none; -- Make the label disappear

display: inline;

display: block ;

              display: inline-block;

# Margin

********************************************************************************************************************************************************************************* ## 行 ：: Unable to set height, width, padding margin ## , width, padding margin 8. padding margin(0,auto)

Margin:

Inner margin

Outer margin

          

padding-top

:Self-internal margin

                                                                                                    < ">Bookmark this site

                                                                                                                                                               ##                                                                                                                                                    #

1

2

3

##floating

The above is the detailed content of Web basics: use of html|css. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn