web基础:html|css的使用

高洛峰
发布: 2017-03-23 09:12:06
原创
1755人浏览过

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

    

    

    

省份

    

         

        

    

    

    

    reset" value="重置">

- img

    src

    alt

    title

- 列表

    ul

        li

    ol

        li

    dl

        dt

        dd

js0

    table

        thead

            tr

                th

        tbody

            tr

                td

    colspan = ''

    rowspan = ''

- label

    用于点击文件,使得关联的标签获取光标

    

    

- fieldset  ##边款

    legend

CSS

    在标签上设置style属性:

        js1: #2459a2;

        js2: 48px;

        ...

    编写css样式:

        1. 标签的style属性

        2. 写在head里面 style标签中写样式

            - id选择区

                  #i1{

                    background-color: #2459a2;

                    height: 48px;

                  }

            - js3选择器 ******

                  .名称{

                    ...

                  }

                   标签>

            - js4

                    div{

                        ...

                    }

                    所有div设置上此样式

            - 层级选择器(空格) ******

                  .c1 .c2 div{

                  }

            - 组合选择器(逗号) ******

                    #c1,.c2,div{

                  }

            - js5 ******

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

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

            PS:

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

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

            

        3、js7

            /*  */

        4、边框

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

            - border-js8

        5、

            height,        高度 百分比

            width,          宽度 像素,百分比

            js9:ceter, 水平方向居中

            top0,垂直方向根据标签高度

            color、    字体颜色

            top1、 字体大小

            top2 字体加粗

        6、top3

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

            老子管不住:

                

clear: both;">

        7、top4

            display: none; -- 让标签消失

            display: inline;

            display: block;

            display: inline-block;

                    具有inline,默认自己有多少占多少

                    具有block,可以设置无法设置高度,宽度,top5  top6

            ******

            行内标签:无法设置高度,宽度,padding  margin

            块级标签:设置高度,宽度,padding  margin

        8、   padding       margin(0,auto)

         边距: top7        top8

           top9:自身内部边距

    

  ##居中

        

收藏本站

        

            right0

以上就是web基础:html|css的使用的详细内容,更多请关注php中文网其它相关文章!

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号