初涉HTML(3)

    1. HTML学习链接:http://study.163.com/course/courseLearn.htm?courseId=432008#/learn/video?lessonId=555090&courseId=432008

    2. WebStrom 软件编写html代码,下载火狐浏览器,两者连接,可边写边查看显示结果


HTML语法摘要:

     1. css控制,div布局。

              a. css有几种引入方式?

                    答:3种。(1)引入样式表,在样式表中编写样式  (创建html和css文件):在html文件中引入css文件(css.css)

                                <link href="css.css" rel="stylesheel" type="text/css">//rel与type中是固定的
                                       (2)在html头部用<style></style>包起来
                                <style type="text/css">
                                     {
                                         padding: 0px;
                                         margin: 0px;
                                     }
                                 </style>
                                        (3)在标签里面直接编写行内样式
                                 <div style="color:red"></div>
                                      *(4)用js直接更改或赋值给某个标签

               b. div的声明可以用id和class,其区别是?

                        答:(1)id:唯一的,在html中只能用一次。注意id声明不能为数字

                                (2)class:可反复使用,可以多个div同时用相同的class名            

                          PS:尽量用class声明

                c. 如何让两个div并排显示?

                       答:用float浮动属性。在css中加入float:left / right 。注意宽度!!当两个div的宽度总和超过body的则不会显示出并排效果。

       2. 田字格布局:即需要清除浮动。

                       clear:left / right ;// 清除左浮动 / 清除右浮动

                       clear:both ;// 清除上面的所有浮动                    

       3. 若父div中有两个子div是浮动的,那么,父div的height有没有被子div撑起来,父div的height等于多少?

                 答:因为子div是浮动的,所以没有将父div的height撑起来,即父div的height=0px;


PS :在布局时,要先将页面类比成一个最大的div,即<div class="container“></div>

   

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值