Web前端基础(3):HTML(三) 1. body中的相关标签 1.1 表格标签：table、tr、td HTML表格由table标签以及一个或多个tr、th或td标签组成。 table：父标签，相当于整个表格的容器。 border：表格边框的宽度。 width：表格的宽度。 cellpadding：单元边沿与其内容之间的空白...

2019-11-17 09:20:24

Web前端基础(2):HTML(二) 1. body中的相关标签 1.1 标题标签：hn HTML提供hn系列标签，用于修饰标签，包含：h1、h2、h3、h4、h5、h6。h1定义最大的标题。h6定义最小的标题。 例如： html head meta charset ="utf-8" / title / title / head body !-- 标题标签 -- h1...

2019-11-17 09:19:53

Web前端基础(1):HTML(一) 1. HTML概述 1.1 什么是HTML HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文...

2019-11-17 09:19:23

grid网格布局——色子布局 一、基本概念 样式 含义 grid-area 定义名称 grid-auto-columns 定义列数 grid-auto-flow 定义单元格流动方向（想象水流的样子） grid-auto-rows 定义行数 grid-column 第几列 / span 合并列数 grid-column-start 第几列 grid-column-end 跨...

2019-11-17 09:19:00

flex招式心法 flex布局绝对是我们平常在布局中用的最多的一个属性，我们来看看它在can i use中的浏览器支持度：（截止到2019/11/16） 挖藕，凹森！支持度居然这么好，好到连ie也能支持大部分的flex布局的属性，那接下来我们就看看它的三大招式吧。 基本概念 任何一个元...

2019-11-16 16:01:30

css布局技巧 CSS用户界面样式 鼠标样式currsor li{cursor：pointer；} 设置或检索在对象上移动鼠标指针采用何种系统预定义的光标形状 属性值 描述 default 默认 pointer 小手 move 移动 text 文本 not-allowed 禁止 轮廓线 outline 给表单添加outline：0；或者outline...

2019-11-16 16:01:18

HTML列表简单介绍 1.无序列表 使用标签：ul,li 属性：disc，circle，square 2.有序列表 使用标签：ol，li 属性：A，a，I，i，start 3.嵌套列表 使用标签：ul，ol，li 4.自定义列表 使用标签：dl，dt，dd !--各个标签使用演示-- ! DOCTYPE html html lang ="en" head me...

2019-11-16 16:01:08

可保图片不变形的object-fit Object-fit 我们有时候浏览一些网站的时候，偶尔会遇到这种情况： 明显它喵的形变了，尤其是这种这么业余的失误，还是出现在一个专门做图片的网站上。 产生这种现象的原因是：图片写了固定的宽高，这个宽高形成了一个固定的比例，然而图片...

2019-11-16 16:01:03

工具sublime安装 默认安装后是英文版 view-show console 安装packagecontrol https://packagecontrol.io/installation ctrl+`打开控制台，输入代码后回车。 安装后，工具-命令面板或快捷键按ctrl+shift+p，打开packagecontrol 安装插件-pc:install 删除插件-pc:remove...

2019-11-16 16:00:58

css精灵图字体图标 精灵图 为什么需要精灵图 为了有效的减少服务器接收和发送请求的次数，提高页面的加载速度。出现了CSS精灵技术 精灵图（sprites）的使用 精灵技术主要针对背景图片。就是把多个小背景图片整合到一张大图片中。 这个大图片也称为sprites精灵图或者雪...

2019-11-15 16:02:16