web相关基础知识2

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web相关基础知识2相关的知识,希望对你有一定的参考价值。

2017-12-14 17:14:22 

 

块元素  

典型代表,Div,h1-h6,p,ul,li

特点: ★独占一行

         ★可以设置宽高

    ★ 嵌套(包含)下,子块元素宽度(没有定义情况下)和父块元素宽度默认一致。

 

行内元素

典型代表 span  ,a,  ,strong , em,  del,  ins

特点:★在一行上显示

      ★不能直接设置宽高

      ★元素的宽和高就是内容撑开的宽高。

行内块元素(内联元素)

典型代表  input  img

特点:★在一行上显示

      ★可以设置宽高  

 

行内元素和块元素的相互转换:

块元素转行内元素  display:inline;   转化为行内元素之后就不能够定义宽高

行内元素转块元素   display:block;    转化为块元素就可以定义宽高

块和行内元素转行内块元素    display:inline-block;

技术分享图片

 

 

技术分享图片可以使用none去掉链接下面默认的下划线。

技术分享图片

 技术分享图片

 

background-attachment

技术分享图片

技术分享图片

 

以上是关于web相关基础知识2的主要内容,如果未能解决你的问题,请参考以下文章

Python入门自学进阶-Web框架——20Django其他相关知识2

Python入门自学进阶-Web框架——20Django其他相关知识2

前端知识体系-JS相关JS-Web-API总结

好程序员web前端分享HTML基础篇

web相关基础知识

《SpringSecurity框架专题》-01基础入门