前端
关注
分享
扫一扫
code_mo
爱打羽毛球的coder
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
iconfont矢量图标库的引用方法
在HTML中引入iconfont矢量图标库的方法iconfont在一次做PPT的过程中的知道的一个设计常用的网站，进过一番的了解和学习，发现它是国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。是阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具。1.登录/注册账号iconfont支持GitHub、阿里域账号(仅限阿里员工)、新浪微博三种账号登录。直接...原创 2019-07-20 15:17:58 · 2599 阅读 · 0 评论 -
JQuery入门
JQuery介绍jQuery是一个轻量级的,兼容多浏览器的JavaScript库(模块).jQuery使用户能够更方便地处理HTML Document,Events ,实现动画效果,方便进行Ajax交互,能够极大地简化JavaScript编程.他的宗旨是:‘Writeless,domore.’jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度...原创 2019-08-17 15:53:43 · 106 阅读 · 0 评论 -
一周带你入门JavaScript
一周带你入门JavaScript想要成为一个前端开发人员，JS是我们行走江湖吃饭的家伙。基本上一个前端人员开发的程序员有多少价值，就看JS了。虽然各种框架层出不穷，但是归根结底学好原生JS才是硬道理。学习任何新东西其实都遵循 10000 小时成才定律，只要付出时间，就会有收获。天道酬勤，每个能够创造的价值就是你前期勤奋的积累。关于天赋问题，我们确实要承认某些人在某些领域确实比其他人厉害。但大部...原创 2019-08-09 20:38:10 · 348 阅读 · 0 评论 -
W3C标准盒模型和IE5.5低版本盒模型的区别
标准盒模型和非标准盒模型是前端面试常问的问题，清楚掌握盒子的模型才能够更好地进行开发。下面我们一起探讨8：首先一个盒子是由content（内容），padding（内边距），border（边框），margin（外边距）组成。HTML所有的元素都可以看做一个盒子（只是存在块元素和内联元素的区别。）w3c标准的盒子模型在W3C标准的盒子中，盒子的宽度计算：盒子的宽 = width + padd...原创 2019-08-13 23:47:08 · 225 阅读 · 0 评论 -
HTML+css实现元素居中对齐的方法
HTML+css实现元素居中对齐的方法1.line-height实现居中对齐此种方法只适用于单行文本的居中，需要知道父元素的高度，通过line-height的高度等于父元素的height高度就可以实现垂直居中。以下是单行居中的例子。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...原创 2019-07-27 21:41:20 · 4781 阅读 · 1 评论 -
CSS的基本选择器以及css3新增选择器
1.结构(位置)伪类选择器1. :nth-child(n)匹配属于其父元素的第 n个子元素，不论元素的类型;2. ：nth-of-type(n)同级兄弟节点中，第n个次类型的元素，强调元素的类型，必须是类型的名字;3.:first-child选取属于其父元素的首个子元素的指定选择器;4:last-child选取属于其父元素的最后一个子元素的指定选择器;5::nth-last-ch...原创 2019-08-03 18:54:33 · 244 阅读 · 0 评论 -
css中的块元素、行内元素和行内块元素的区别
1.HTML中的块元素、行内元素的说明根据CSS规范的规定，网页的每一个元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div、form、h1-h6、ol、ul、p、menu等块元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span、img、a、b、i、select、strong、u、var、...原创 2019-07-21 22:27:22 · 797 阅读 · 0 评论 -
HTML中的常用的块元素、行内元素
常用的块元素div:文档节(html中最大的盒子)section:文档节nav:导航header:页眉article:文章aside:文章侧栏footer:页脚details:元素的细节summary:details元素可见的标题dialog:对话框窗口h1,h2,h3,h4,h5,h6:1-6级标题p:段落ul:无序列表ol:有序列表dir:目录列表li:项目d...原创 2019-07-21 13:33:53 · 864 阅读 · 0 评论 -
margin-top失效的情况以及解决方法
margin-top失效的情况，以及解决方法在做练习是发现，将一个盒子在另外一个盒子中居中是，发现给在中间显示盒子加margin-top时失效了，结果是两个和都下移动了！！！<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>margin异常的问题<...原创 2019-07-20 22:36:56 · 3293 阅读 · 0 评论 -
一个页面中使用多组bootstrap的轮播图(carousel)，控制出错解决办法
在使用bootstrap框架开发时，在一个页面中使用多组轮播图(carousel)时，每组轮播图的控制失效或者是出现不会动的情况。就这个问题作出解答：多组轮播图放在同一个页面时，出现控制一组轮播图每个图都动或者是只有一组能动的情况就是因为div的ID重复的问题导致的。首先给每组轮播图大盒起一个唯一的idol li标签下的data-target属性值为# + ida标签下的href的属性...原创 2019-08-17 16:25:34 · 1913 阅读 · 1 评论