温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

代码初识与盒子模型

发布时间:2020-08-03 09:53:07 来源:网络 阅读:533 作者:黄骞慧 栏目:开发技术

1.什么是语言?

语言:交流工具。

人与人之间的沟通交流,我们会用到各种语言,比如:汉语,英语等。

作为一个前端工程师,要与浏览器沟通交流,就要用到浏览器所能识别的语言。

2.html--结构    超文本标记语言

  css--样式    层叠样式表

  js(javascript)--行为 

3.html  超文本标记语言

标签对:

    <标记></标记>

    <html></html>

单标签:

    直接在后面斜杠结束的标签

    <标记/>

    <br/>

4.样式的分类

    行间样式表   <div ></div>

    内部样式表   <style type="text/css">   </style>

    外部样式表   <link href="  " rel="stylesheet" type="text/css"/>

5. 样式 --background

  属性:属性值;

  width  宽度

  height  高度

 background 背景

 background-p_w_upload:fixed;背景是否滚动

 background-color:red;背景颜色

 background-p_w_picpath:url(bg.jpg); 背景图片

 background-repeat:no-repeat;背景图片不重复

 background-position:center 0px;背景图的位置

6.样式--border

  border 边框

  border-width 边框宽度

  border-style 边框样式

  border-color 边框颜色

  边框样式:

    solid 实现

    dashed 虚线

    dotted 点线(IE6不兼容)

7.样式--paddding

  padding 内边距

  padding-top        上边内边距

  padding-right      右边内边距

  padding-bottom  下边内边距

  padding-left         左边内边距

【注意:】内边距相当于给一个盒子加了填充后都会影响盒子的大小。

8.样式--margin

  margin 外边距

  外边距的问题

       上下外边距会叠压

        父子级包含的时候子级的margin-top会传递给父级(内边距来替代外边距)

9.盒子模型

    盒子大小=border+padding+width/height

    盒子宽度=左border+左padding+width+右padding+右border

    盒子高度=上border+上padding+height+下padding+下border

10.常见样式-文本设置

    font-size  文字大小

    font-family    字体

    color    文字颜色

    line-height 行高

    text-align     文本对齐方式

    font-indent     首行缩进(em缩进字符)

    font-style    文字倾斜

    font-weight     文字着重

    font-decoration    文字修饰


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI