HTML
wendZzz
若有需要请联系微信号:coolbigflower
微信公众号:前端一起学
展开
-
HTML知识补充-标签
目录1、有序无序列表(1)有序列表(2)无序列表2、图片标签3、a标签(1)超链接作用(2)锚点(3)拨打电话(4)发送邮件4、表单标签5、选择框6、下拉框HTMl和CSS的相关知识在之前就已经学习过了,最近又重温找了相关视频看了一遍,仍然有许多自以为知晓却还是陌生的地方,果然好记性不如烂笔头。此外,一直不知道HTMl全称为hyperText m...原创 2018-08-16 09:52:50 · 360 阅读 · 0 评论 -
canvas初相识
第一次接触canvas是做毕设的时候,在实现登录页时候用了canvas增添一些样式,那时候学的很浅显,是时候来认真了解一下这个canvas。(相关知识来源于MDN)canvas初了解canvas是个HTML5新增的标签,<canvas>标签很像<img>标签,而<canvas>标签只有两个属性—— width和 height。当没有设置宽度和高度的时...原创 2019-04-03 11:57:15 · 277 阅读 · 0 评论 -
响应式布局的实现
响应式布局的概念响应式布局,即 Responsive design,在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。但需要注意的是,响应式布局的关键不仅仅在于布局,更多的是细节需要去考虑,譬如表单的响应式设计、图片的响应式设计。响应式布局的实现步骤当创建一个响应式网站,或者将非响应式布局改成响应式的时候,首先要关注的是元素的...原创 2019-03-27 17:21:12 · 540 阅读 · 0 评论 -
Flex布局
Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模式提供最大的灵活性。flexbox布局常用于比较复杂的页面,可以轻松实现屏幕和浏览器窗口的大小发生变化时保持元素的相对位置和大小不变,同时减小了依赖于浮动布局实现元素位置的定义以及重置元素的大小。任何一个容器都可以指定为Flex布局..box{ display: flex;}行内元素也可以使用Flex布局....转载 2018-10-30 10:22:52 · 329 阅读 · 1 评论 -
CSS 各种居中实现整理
<center>标签对其所包括的文本进行水平居中。text-align:centertext-align:center,在父容器里水平居中 inline 文字,或 inline 元素vertical-align:middle垂直居中 inline 文字,inline 元素,配合 display:table,display:table-cell,有奇效。line-...转载 2018-09-20 09:30:16 · 297 阅读 · 0 评论 -
纯CSS、原生JS、jQuery实现下拉菜单功能
一、纯CSS实现实现下拉菜单需要用display,即改变display的block或none值。先构建基本的HTML框架,<div id="nav"> <ul> <li><a href="#">新闻</a></li> <li><a href="#">...原创 2018-09-13 15:21:46 · 3653 阅读 · 0 评论 -
HTML5语义化标签
1、HTML5简化的标签(1)DOCTYPE文档声明<!DOCTYPE html>相较于之前的版本,HTML5没有指定具体版本,这就表示了最新的HTML版本。(2)<meta>声明HTML4.01中的meta声明决定了HTML文档中字符的编码方式,HTML5直接一个charset属性即可,<meta charset="UTF-8">...原创 2018-09-17 14:52:16 · 5956 阅读 · 0 评论 -
Bootstrap-开始使用
在校期间就接触过Bootstrap,但一直没有好好研究,最初连如何使用Bootstrap都是一头雾水。这篇文章就详细的介绍Bootstrap的下载与引用。1、下载Bootstrap百度搜索Bootstrap就可以了,英文水平不错的可以去官网浏览,渣渣呢(我)就去Bootstrap中文网就好了。点击中文文档之后呢就可以进入下载界面,一般下载第一个“用于生产环境的Bootstr...原创 2018-09-11 11:55:32 · 330 阅读 · 0 评论 -
前端模块化开发思维
学习过程中自己练习的测试代码,都是小白式先写好HTML中架构,然后对这些“骨架”进行增添样式,感觉没毛病呀。譬如,假设创建6个盒子,一个盒子宽高100px、背影颜色红色;一个宽高300px、蓝色;一个宽高450px、黄色;一个宽高100px、蓝色;一个宽高450px、红色;一个宽高300px、黄色。作为传统的我一直采用传统的正向顺序编写,<!DOCTYPE html>&...原创 2018-08-17 11:38:41 · 908 阅读 · 1 评论 -
canvas绘制图形
上篇canvas教程传送:canvas初相识上一篇文章最后有讲了如何绘制一个三角形,其实在canvas中有一些图形的绘制有着直接的方法实现。绘制矩形绘制一个矩形的边框:strokeRect(x,y,width,height)绘制一个填充的矩形:fillRect(x,y,width,height)清除指定矩形区域,让清除部分完全透明:clearRect(x,y,width,he...原创 2019-04-03 15:16:18 · 492 阅读 · 0 评论