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

切图仔的一点小心得

作者: 叶远川 | 来源:发表于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,所以暂时先放置,到时候再改

结语:

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

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

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

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

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

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

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

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

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

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

相关文章

  • 切图仔的一点小心得

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

  • 切图仔

    也是蛮无聊的。 最近在学前端开发的东西,想着山寨一个豆瓣页面。HTML+CSS,是说我根本不会用JS。QAQ 花了...

  • 001-BFC实现常见的oa后台页面布局

    作为一个高级切图仔,在日常工作中,我们的任务是什么?切图!切图!切图!······ 没错,除了切图,还会接受来自产...

  • 切图心得

    看过一些文章,有的说把icon放一个画板切,有的说每个icon做一个画板切,其实都是手工活,不够方便。 最近切ic...

  • 我用了imgcook,感受一言难尽

    title: imgcook的出现,让切图仔何去何从?category: Webtag: imgcookdate:...

  • 切图仔的页面魔法秀

    早上微信收到好友发来的一个github链接 https://github.com/unclehking/bdAdf...

  • 切图仔入门教程

    对于大前端来说,首先入门的是切图,那我给大家来说说怎么做吧! 1、打开一个PSD文件先(要先安装PS啊 大哥们。。...

  • 开班会

    今天要参加两儿子的家长会! 小仔一点半,大仔两点。等我赶到学校快两点了。心想就参加大仔的家长会算了,小仔的家长会已...

  • 前端工程——基础篇

    喂喂喂,那个切图的,把页面写好就发给研发工程师套模板吧。你好,切图仔。 不知道你的团队如何定义前端开发,据我所知,...

  • 2019-07-28

    星仔+第八天作业+#何一味corona渲染训练营# 今天的学习和心得 木纹的调法 今天的练习图

网友评论

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

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