首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    CSS float浮动的深入研究、详解及拓展 一 一 一 一 一 一 一 一

    我们使用float浮动做了很多其本职工作以外的事情,于是我们会混淆,我们会回看不清float真正的面目。浮动真正的意义在哪里呢?要知道这个问题的答案很简单,假设现在CSS中没有浮动(float)属性,那么会变成一个什么样子。我们会发现,目前流行采用浮动方法实现的无论是分栏布局,还是列表排列我们都可以用其他一些CSS属性(不考虑table)代替实现,唯一一个实现不了的就是“文字环绕图片”,我是想不出来能有什么方法可以让文字环绕图片显示。好,这个替代不了的作用才是float真正的意义所在。此作用类似于word中的版式,很基础的原始的作用:

    01

    一些常用的标签丨直接代码「建议收藏」

    <!doctype html> <html> <head> <meta charset=”utf-8″ /> <meta name=”description” content=”网页描述” /> <title>小海绵就是我呀丨by:xiaohaimian</title> </head> <body>

    行内元素:行内元素会在一条直线上排列,都是同一行的,水平方向排列丨行内元素不能包含块级元素丨

    <b>粗体 <srtong><srong>表示粗体,具有语义化</srtong> 斜体 <em>斜体,具有语义化 <u>下划线 <s>删除线 <sup>上标 <sub>下标 <a>超链接 ”<img>图片链接” <span>本身没有任何属性

    块元素:块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行丨块级元素可以包含行内元素和块级元素丨行内元素与块级元素属性的不同,主要是盒模型属性上

    <p>段落

    <h1>h1~h6标题,h1~h6从大到小


    03
    领券