189 8069 5689

HTML教程-CSS显示模式-李南江-创新互联

HTML教程-CSS显示模式-李南江

创新互联是专业的广水网站建设公司,广水接单;提供网站制作、成都做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行广水网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

配套视频下载地址

Div和Span标签

  • 什么是div?

    • 作用: 一般用于配合css完成网页的基本布局



    
    
         
  • 什么是span?

    • 作用: 一般用于配合css修改网页中的一些局部信息


努力到无能为力, 拼搏到感动自己

  • div和span有什么区别?

    • 1.div会单独的占领一行,而span不会单独占领一行

    • 2.div是一个容器级的标签, 而span是一个文本级的标签

  • 容器级的标签和文本级的标签的区别?

    • 容器级的标签中可以嵌套其它所有的标签

    • 常见容器级的标签: div h ul ol dl li dt dd ...

    • 文本级的标签中只能嵌套文字/图片/超链接

    • 常见文本级的标签:span p buis strong em ins del ...

  • 注意点:

    • 不用刻意去记忆哪些标签是文本级的哪些标签是容器级, 在企业开发中一般情况下要嵌套都是嵌套在div中, 或者按照组标签来嵌套(ul>li, ol>li , dl>dt+dd)

      CSS元素显示模式

  • 在HTML中HTML将所有的标签分为两类, 分别是容器级和文本级

  • 在CSS中CSS也将所有的标签分为两类, 分别是块级元素和行内元素(其实还有一类, 行内块级)

  • 什么是块级元素, 什么是行内元素?

    • 块级元素会独占一行

    • 行内元素不会独占一行

  • 常见容器级的标签: div h ul ol dl li dt dd ...

  • 常见文本级的标签:span p buis stong em ins del ...

  • 常见块级元素:pdiv h ul ol dl li dt dd

  • 常见行内元素: span buis strong em ins del

  • 块级元素和行内元素的区别?

    • 块级元素

    • 独占一行

    • 如果没有设置宽度, 那么默认和父元素一样宽

    • 如果设置了宽高, 那么就按照设置的来显示

    • 行内元素

    • 不会独占一行

    • 如果没有设置宽度, 那么默认和内容一样宽

    • 行内元素是不可以设置宽度和高度的

    • 行内块级元素

    • 为了能够让元素既能够不独占一行, 又可以设置宽度和高度, 那么就出现了行内块级元素

    • 不独占一行, 并且可以设置宽高

CSS元素显示模式转换

  • 如何转换CSS元素的显示模式?

    • 设置元素的display属性

  • display取值

    • block 块级

    • inline 行内

    • inline-block 行内块级

  • 快捷键

    • di display: inline;

    • db display: block;

    • dib display: inline-block;

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


网站栏目:HTML教程-CSS显示模式-李南江-创新互联
本文链接:http://cdxtjz.cn/article/hhohc.html

联系我们

您好HELLO!
感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。
  • 电话:028- 86922220 18980695689
  • 商务合作邮箱:631063699@qq.com
  • 合作QQ: 532337155
  • 成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼

小谭建站工作室

成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务!

小谭观点

相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。
我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。