美文网首页
切图仔的一点小心得

切图仔的一点小心得

作者: 叶远川 | 来源:发表于2018-09-07 01:06 被阅读0次

    前言:

    如果能在毕业三年后,社招进入阿里,那么我觉得我就此生无憾了。所以,现在就开始打底子,为了更美好的明天,拼命吧。

    对了,刚开始可能会基础一些,后面更新的会慢慢的变得深入和复杂。(其实前端也没啥复杂的玩意。。。emmmm....)

    核心内容:

    标签分类:

    H5的标签,按照其属性的不同,可以划分为两类:行内标签和块标签(也有人叫内联元素和块状元素,这些都无所谓,能区分即可)

    • 行内标签:
    1,行内标签无法设置宽高
    
    2,行内标签不会独占一行,会连续占满一行,直到换行
    
    3,行内元素不能包含块级元素,只能容纳文本或者其他行内元素
    
    • 块状元素:
    1,块状标签可以设置宽高度
    
    2,块元素独占一行
    
    3,块属性标签的宽度假如不做设置,会直接默认为父元素宽度的100%
    
    4,块级元素可以包含行内元素和块级元素,还可以容纳内联元素和其他元素
    
    • 行内块元素:
    1,结合的行内和块级的优点:能够设置宽高,并且在一行内独立显示
    

    转化方式:

    • 块级标签转换为行内标签:
    display:inline;
    
    • 行内标签转换为块级标签:
    display:block;
    
    • 转换为行内块标签:
    display:inline-block;
    

    常用标签举例:

    行内标签:

    <a>定义超链接
    
    <b>字体加粗
    
    <span>定义在文档中的行内元素
    
    <img>向网页中插入题图像
    
    <input>输入框
    
    <small>小号字体效果
    
    <br>换行
    
    <big>字体加大加粗
    
    <strong>强调的语气
    
    <select>创建单选或多选菜单
    
    <textarea>定义文本域,多行的文本输入控件
    

    块级元素:

    <div>定义文档中的分区或节
    
    <h1>定义最大的标题
    
    <h2>定义副标题
    
    <h3>定义标题
    
    <h4>定义标题
    
    <h5>定义标题
    
    <h6>定义最小的标题
    
    <ul>定义无序列表
    
    <ol>定义有序列表
    
    <li>定义有序列表或无序列表的列表项目
    
    <dl>定义自定义列表
    
    <dd>定义自定义列表中的条目
    
    <dt>定义自定义列表中的项目
    
    <hr>创建一条水平线
    
    <p>定义段落
    
    <table>定义表格
    
    <thead>标签定义表格的表头
    
    <th>定义表头单元格
    
    <tr>定义表格中的行
    
    <td>表格中的标准单元格
    
    

    参考链接:https://www.cnblogs.com/keyi/p/5853060.html

    代码实例:还未买VPN,无法登陆到github,所以暂时先放置,到时候再改

    结语:

    以上仅仅是第一篇,其中有很多地方没有完全的写好,是我的不足,后续会慢慢的补上的。

    下一篇整理自己对页面布局的理解;

    有些时候很羡慕天才,不需要做笔记,不需要去花时间理解,只需要简单的扫几次文档,便能过目不忘,同时还能有着深刻的基础和理解。

    那种人,仿佛活着就像是电影中主角一样,天赋异禀,百年难得一遇的练武奇才,是天生做开发的料。

    我时常感叹,如果自己是那样的人就好了。

    可惜,我不是,我只是一个愚者,还是一个贪心的愚者。

    愚者渴望财富,如同乌鸦渴望遥远的天际一样可笑。

    他明明吃的是腐烂的老鼠,住的事破落的树丛,但是却渴望着和那些怪物一样的湛蓝天空。

    明明只是一直乌鸦,什么都做不成,连活下去都很困难的乌鸦,却想像鹏一样,展翅九天,食练实,饮醴泉。。。真是愚不可及啊。

    是啊,有时候在想,只是活下去,为什么就这么难呢。

    相关文章

      网友评论

          本文标题:切图仔的一点小心得

          本文链接:https://www.haomeiwen.com/subject/fekqgftx.html