> 웹 프론트엔드 > HTML 튜토리얼 > 웹 기본 사항: html|css 사용

웹 기본 사항: html|css 사용

高洛峰
풀어 주다: 2017-03-23 09:12:06
원래의
1634명이 탐색했습니다.

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

    

지방

<이름 선택=" shengfen" size="2" multiple="multiple" >

                                                                                               value="2">상하이

< ;/p>

- img

src

alt

title

- list

ul

li

ol

li

dl

dt

-

양식

테이블머리

tr

tbody

tr

td

colspan = ''

rowspan = ''

- label

파일을 클릭하는 데 사용됩니다. 관련 라벨이 커서를 갖도록

- fieldset ##Edge

범례

CSS

태그에 스타일 속성을 설정합니다.

배경색

: #2459a2;

                                                        속성 2. 헤드의 스타일 태그

에 스타일을 입력 - ID 선택 영역 #i1{

배경색:

      높이: 48px; 🎜>          . 이름 {

         > >태그 선택기

                    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; -- 라벨을 사라지게 합니다

display: inline;

display: block ;

디스플레이: inline-block;

인라인을 사용하면 기본적으로 보유한 양에 따라 설정됩니다.

블록을 사용하면 높이와 너비를 설정할 수 있지만 변경할 수 없습니다. set, padding margin

******

인라인 라벨: 높이, 너비, 패딩 여백을 설정할 수 없습니다

블록 수준 레이블: 높이, 너비, 패딩 여백 설정

8. 패딩 여백(0,auto)

여백: 내부 여백 외부 여백

      padding-top:자체 내부 여백

##중앙

이 사이트를 북마크에 추가하세요

🎜>                                                                                >

< ;div style="너비: 96px;height:30px;border:1px 단색 녹색;float: 왼쪽" >1

3

##

떠다니는

위 내용은 웹 기본 사항: html|css 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿