1.从零开始挑战前端
关注
分享
扫一扫
文章平均质量分 79
前端html/css/
^_^ 小小码nong
Talk is cheap, Show me the code。
展开
-
从零开始前端学习[57]:js下的正则表达式
从零开始前端学习[57]:js下的函数 正则表达式的概念 正则表达式的语法 正则表达式的常见的标识符 正则表达式的其它方法 常用的正则表达式 提示 博主：来自火星的萨满_906285288 博客地址：http://blog.csdn.net/qq_29924041正则表达式的概念正则表达式主要是一些匹配字符串的规则原创 2018-01-20 14:07:03 · 384 阅读 · 0 评论 -
从零开始前端学习[39]:html5中的弹性布局二(移动端响应式实现各种布局，极其重要)
html5中的弹性布局二(移动端响应式实现各种布局，极其重要)项目属性 提示 博主：章飞_906285288 博客地址：http://blog.csdn.net/qq_29924041之前在上一篇博客中介绍了弹性盒子属性，即容器属性的一些特点，特性特征,是添在容器元素上面进行添加的。那么在这里主要讲的就是容器里面的项目，项目属性，也就是需要在容器元素内部的项目元素中去进行设置的相关原创 2017-10-15 15:49:16 · 1052 阅读 · 0 评论 -
从零开始前端学习[38]:html5中的弹性布局一(移动端响应式实现各种布局，极其重要)
html5中的弹性布局(移动端及其重要)弹性盒子模型是什么?容器属性 提示 博主:章飞_906285288 博课地址:http://blog.csdn.net/qq_29924041弹性盒子模型是什么?布局的传统解决方案是基于盒子模型来的，主要依赖于display+position+float属性，但是这种布局方案对于一些特殊布局是相对来说不是特别方便的，比如：垂直居中就是不是那原创 2017-10-15 11:30:07 · 2534 阅读 · 0 评论 -
从零开始前端学习[37]:爱心心跳动画和3d盒子动画效果示例
爱心心跳动画和3d盒子动画效果爱心心跳动画效果3d盒子动画效果 提示 博主:章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041 从某机构视频上面看到的，也就写了下来爱心心跳动画效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title原创 2017-10-15 10:01:43 · 2081 阅读 · 0 评论 -
从零开始前端学习[36]:Cs3中的3D效果实现
Cs3中的3D效果实现perspective井深transform-style 3D环境 提示 博主:章飞_906285288 博客地址：http://blog.csdn.net/qq_29924041perspective井深在3d效果实现的过程中，需要一个井深 需要一个3D的环境，其中perspective就是为了创建井深，而transform-style就是为了创建3d环境原创 2017-10-14 22:54:10 · 850 阅读 · 0 评论 -
从零开始前端学习[35]:Cs3中的效果的基点变换
Cs3中的效果的基点变换基点是什么？transform-origin变换基点属性 提示: 博主:章飞_906285288 博主:http://blog.csdn.net/qq_29924041基点是什么？基点可以用base pointer或者base line来说明，即基线，什么才是基线呢？？即基础参考的线基线基点，即是参考点默认的基点：即元素绝对的中心点transform原创 2017-10-14 21:05:46 · 564 阅读 · 0 评论 -
从零开始前端学习[34]:Cs3中的2D变换,transform变换，
Cs3中的transition变换-transform变换transform属性transform-origin基点属性 提示: 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041transform属性之前已经使用过关于transform相关的属性了。如rotate，但是并没有具体研习过其属性具体的属性值是什么。在这里详细的原创 2017-10-14 18:35:03 · 787 阅读 · 0 评论 -
从零开始前端学习[33]:Cs3中的transition过渡-animation动画
Cs3中的transition过渡-animation动画transition过渡animation动画 提示 博主:章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041transition过渡记得在html学习中，提到过transition和transform这两个属性值，transfrom对应的是动画，transition对应的原创 2017-10-14 11:53:47 · 1353 阅读 · 0 评论 -
从零开始前端学习[31]:css3中新增加的一些背景属性
css3中新增加的一些背景属性 1:背景属性回顾 2:css3中新增加的一些背景属性 2_1:background-size设置背景尺寸 2_2background-image设置多背景 2_3background-origin背景图片的其实域 2_4background-clip背景颜色显示区域 2_5background-co原创 2017-10-11 22:14:39 · 514 阅读 · 0 评论 -
从零开始前端学习[32]:css3中新增加的一些文本属性
css3中新增加的一些文本属性 css中相关的文本属性 css3中增加的一些文本属性 direction文本显示方向 多行超出文本显示省略号 text-shadow字体的阴影设置 text-stroke文字描边 text-fill-color文字的颜色填充 提示 博主：章飞_906285288 博客地址:http://blog.c原创 2017-10-14 11:00:52 · 733 阅读 · 0 评论 -
从零开始前端学习[46]:在标签中添加内容，关于innerHTML和innerText的一点解析
从零开始前端学习[46]:在标签中添加内容，关于innerHTML和innerText的一点解析innerHTMLinnerText 提示 博主：章飞_906285288 博客地址：http://blog.csdn.net/qq_29924041其实在前面的简单的js的使用过程中，已经使用了innerHTML来修改页面中的内容，但是js又为我们提供了一个所谓的innerText，原创 2017-11-08 21:50:52 · 4685 阅读 · 1 评论 -
从零开始前端学习[45]:js中的所谓的事件类型，鼠标事件，表单事件，键盘事件以及系统事件
js中的所谓的事件类型鼠标事件表单事件键盘事件系统事件 提示： 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041鼠标事件可以想象一下， 我们平时在使用鼠标的时候都是有哪些操作的，单击？双击？移动？亦或者按下，抬起，移入，移出等等一系列的事件，下面就主要针对鼠标的事件进行一点点小测试 事件类型原创 2017-11-08 21:47:04 · 963 阅读 · 0 评论 -
从零开始前端学习[44]:工欲善其事必先利其器，了解下js的调试console下的函数，与alert弹出框
工欲善其事必先利其器，了解下js的调试console下的函数，与alert弹出框consolealertjs代码相关的注意事项 提示： 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041console下的函数的使用console对象提供对浏览器控制台的介入，不同的浏览器的工作方式也是不一样 的，这里主要去介绍一些大都会提原创 2017-11-06 21:51:33 · 1425 阅读 · 0 评论 -
从零开始前端学习[40]:css3中的resize，user-select属性，多列布局特性，怪异盒子模型，倒影
css3中的resize，user-select属性，多列布局特性，怪异盒子模型resizeuser-select多列布局columns，column-gap，column-rule怪异盒子模型box-sizing 提示 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041resize盒子大小的拖动在学表单的时候，有一个表原创 2017-10-15 20:08:38 · 974 阅读 · 0 评论 -
从零开始前端学习[47]:如何使用javascript来操作行内样式或者属性浅析
如何使用javascript来操作行内样式或者属性使用javascript来操作行内样式，或者标签固有属性 提示 博主:章飞_906285288 博客地址：http://blog.csdn.net/qq_29924041使用javascript来操作行内样式，或者标签固有属性我们知道，html是结构层，css是样式层，而js则是行为层，一个页面的样式控制主要是css来进行控制的，而原创 2017-11-09 21:28:21 · 2149 阅读 · 0 评论 -
从零开始前端学习[55]:类型转换和Math方法
类型转换和Math方法类型转换(显示类型转换，隐式类型转换)Math方法 提示： 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041类型转换(显示类型转换，隐式类型转换)我们知道在js中的检测类型方式：typeof 要转换的变量或者数据类型，返回一个类型名称的字符串 而其中显式类型转换，其实就是通过js中的一些方法（函数）原创 2017-11-26 19:38:17 · 656 阅读 · 0 评论 -
从零开始前端学习[53]:js中的获取元素的方式
js中的获取元素的方式通过getElementById的形式获取通过getElementsByClassName形式获取元素通过getElementsByTagName标签选择元素静态获取和动态获取过程通过选择器来获取元素js相关的命名规范 提示 博主:章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041通过getEleme原创 2017-11-18 19:09:33 · 1380 阅读 · 0 评论 -
从零开始前端学习[54]:js中自定义标签属性和自定义属性
js中自定义标签属性和自定义属性自定义标签属性自定义属性 提示 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041自定义标签属性首先要知道什么是标签属性，标签属性也就是写在标签内部的属性，如class，id等 那什么是自定义的标签属性，也就是在标签内部的非系统定义的属性，如<div class = "box" name =原创 2017-11-25 09:01:28 · 2964 阅读 · 0 评论 -
从零开始前端学习[56]:js下的函数
js下的函数命名函数和匿名函数函数的执行方式有几种函数的实参和形参js下的可变参数列表的获取，argumentsjs下的return语句 提示 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041命名函数和匿名函数跟名字一样，命名函数就是有名字的函数，可以加括号然后直接执行。 匿名函数就是没有名字的函数。并且匿名函数是原创 2017-11-29 21:46:27 · 592 阅读 · 0 评论 -
从零开始前端学习[43]:初识javaScript，前端的行为层
初识javaScript，前端的行为层javaScript是什么？javaScript是用来做什么的?javaScript的几种引用形式 提示 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041javaScript是什么？？简而言之：javaScript是一种直接把代码写到HTML文档中，浏览器读取他们进行编译执行的”脚本原创 2017-11-05 21:41:46 · 968 阅读 · 0 评论 -
从零开始前端学习[42]:关于浮动元素在窗口缩小情况下，布局下沉的深思
关于浮动元素在窗口缩小情况下，布局下沉的深思本博客主要总结下浮动元素下沉 提示 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041关于浮动元素在窗口缩小情况下，布局下沉的深思我们在做前端项目的时候，浮动，定位等特性是css特性中最重要最重要的要素，但是有时候也面临着一个很尴尬的问题，就是当窗口在缩小的时候，浮动元素会下沉到下一原创 2017-11-04 14:37:07 · 2308 阅读 · 0 评论 -
从零开始前端学习[52]:js中的数据类型以及没有数据类型的数据类型typeof
js中没有数据类型的数据类型typeofjs的相关数据类型使用typeof来查看数据类型 提示： 博主：章飞_906285288 博客地址：http://blog.csdn.net/qq_29924041js的数据类型对于js来说，因为其是弱类型的语言，所以对于数据类型一类来说，相对比较弱化一点，一个var即可基本上表示所有，但是并不是代表其没有数据类型，跟java，跟C语言一类原创 2017-11-12 20:36:58 · 765 阅读 · 0 评论 -
从零开始前端学习[51]:js中去操作css样式以及css属性的替代方法
js中去操作css样式以及css属性的替代方法复杂形式的改变样式使用类定义的方式+className的形式使用setAttribute的形式加载使用cssText的形式进行拼接 提示: 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041复杂形式的改变样式什么叫最原始的方式去改变样式，就是通过对象对每个单独的属性去改变的这原创 2017-11-12 18:46:06 · 654 阅读 · 0 评论 -
从零开始前端学习[50]:js操作标签属性,读写属性标签
js操作标签属性标签属性js下操作标签属性 提示： 博主:章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041前端的一些标签属性标签属性：通俗的说，就是写在我们标签里面有等号的一些属性 如img标签固有的属性<img src="" alt="" title="" id ="" class = "" width = "" heigh原创 2017-11-12 10:26:53 · 1662 阅读 · 0 评论 -
从零开始前端学习[49]:js函数的初步认识
js函数的初步认识函数的定义函数作用函数的分类与调用 提示 博主：章飞_906285288 博客地址：http://blog.csdn.net/qq_29924041函数的定义函数，其实更多的是针对面向过程语言的一种叫法，如C语言中，都是以函数来称谓的，对于面向对象语言来说，更对的是称为方法，在js中，则统一称谓函数，函数是什么？通俗来说，函数就好像我们的css类名一样，我们书原创 2017-11-11 23:19:43 · 495 阅读 · 0 评论 -
从零开始前端学习[48]:js中的变量和this的初步认识
js中的变量和this的初步认识js中的变量this的使用 博客 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041js中的变量在java或者c/c++中，什么是变量，变量也就是值是可以改变的量，包括了变量的声明与定义。每个变量都可以有自己不同的变量类型，因为在java或者c/c++中可以自己定义丰富的类，或者结构体等等，而原创 2017-11-09 21:42:15 · 294 阅读 · 0 评论 -
从零开始前端学习[41]:html5中新增加的一些智能表单
html5中新增加的一些智能表单input type类型email，tel，url，range，search，number，color，dateinput的一些属性placeholder，required，list 提示： 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041input type类型email，tel，url，原创 2017-10-15 21:02:17 · 360 阅读 · 0 评论 -
从零开始前端学习[30]:Css3中新增加的选择器二
Css3中新增加的选择器二:not(.c1)伪类选择器:empty 伪类选择器:target伪类选择器::selection伪类选择器:disabled伪类选择器:enabled伪类选择器:checked伪类选择器 提示 博主:章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041:not(.c1)伪类选择器not的意思顾名原创 2017-10-10 21:28:54 · 480 阅读 · 0 评论 -
从零开始前端学习[15]:css样式之border-radius圆角使用
css样式之border-radius圆角使用border-top-left-radius 左上角的圆角border-top-right-radius 右上角的圆角显示border-bottom-left-radius 左下角的圆角显示border-bottom-right-radius 右下角的圆角显示border-radius圆角复合类型的css样式 提示： 博主：章飞_9原创 2017-09-21 22:53:48 · 1403 阅读 · 0 评论 -
从零开始前端学习[14]:选择器的优先级
选择器的优先级选择器的优先级的使用注意事项，往往在我们写代码的时候是格外需要注意的。单独来看标签的优先级ID个数不同的时候的优先级ID个数一致的时候，看类选择器个数ID选择器和类选择器都一致的时候，看元素选择器 提示: 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041单独来看标签的优先级怎么单独来看呢？？最简单的选择器原创 2017-09-21 22:20:55 · 508 阅读 · 0 评论 -
从零开始前端学习[7]:外边距合并以及清除外边距合并
外边距合并以及清除外边距合并什么是外边距合并和内外边距合并?外边距合并以及内外边距合并的清除方式 提示 博主:章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041什么是外边距合并以及内外边距合并?外边距合并其实就是两个不同标签元素的边距发生了合并，即两个合并成了一个，显示边距大的。垂直方向上的外边距合并垂直外边距合并指的就是：当两原创 2017-09-17 13:39:44 · 1323 阅读 · 0 评论 -
从零开始前端学习[6]:关于html5的元素类型转换，行级元素，块级元素，行块级元素类型
关于html5的元素类型转换行级元素与块级元素行级元素与块级元素的区别行级元素与块级元素之间的相互转换 提示 博主:章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041行级元素与块级元素行级元素与块级元素是对标签特性的分类，其具有的特性即为行和块的特性，行的特性就不是独占一行，块级元素则占据一行显示。标签最开始的时候默认就是按照行原创 2017-09-17 12:10:06 · 840 阅读 · 0 评论 -
从零开始前端学习[5]:关于html5默认标签样式的介绍以及定义清除
关于html5默认标签样式的介绍以及定义清除默认样式介绍清除默认的样式 提示 博主：章飞_906285288 博客地址：http://blog.csdn.net/qq_29924041默认样式介绍先来看代码，看效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标签的默认样原创 2017-09-17 10:47:44 · 1095 阅读 · 0 评论 -
从零开始前端学习[4]:关于html5文本文件的一些简单介绍
关于html文本文件的一些简单介绍关于html文本文件中一些必要的标签定义 提示 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041html文本文件中一些必要的标签定义html文件的声明<!doctype html>html文件的开头部分既然是html文件，那么整个文本文件的应该就是以html开始，并且以html文件结束的,原创 2017-09-17 09:53:58 · 564 阅读 · 0 评论 -
从零开始前端学习[3]:css+div盒子模型
从零开始前端学习[3]:css+div盒子模型 css的样式 div盒子模型 提示： 作者：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041css样式Css样式指的的对于html标签样式的设计，html等于是框架，Css样式是对于框架的一种装修css的构成Css规则是由两个主要的部分结构，选择器+一条或者多条样式属性原创 2017-09-16 15:57:54 · 670 阅读 · 1 评论 -
从零开始前端学习[2]:img标签的使用
从零开始前端学习[1]:img标签的使用 img标签的相关属性 img标签的使用 提示 作者:章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041img标签的相关属性img标签介绍img标签是前端页面中用来加载图像，图片的，当时有时候我们也不一定会使用img来进行图片的加载操作，而会使用background来作为背景添加原创 2017-09-16 15:18:52 · 1188 阅读 · 1 评论 -
从零开始前端学习[1]:认识常用的标签
从零开始前端学习[1]:认识常用的标签h标签p标签pre标签br标签em和i标签strong标签和b标签span标签sub和sup标签del和ins标签a标签列表标签ul ol dl弃用的标签font 提示： 作者:章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041h标签h 标签又叫做标题标签，是从h1到h6原创 2017-09-14 21:59:56 · 1227 阅读 · 0 评论 -
从零开始前端学习[21]:表格table,tr,th,td
表格table表格table，tr，td，th标签表格中的css样式表格的默认特征 提示 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041表格table，tr，td，th标签表格的定义：1：表格是由<table></table>标签来进行定义的2：每个表格都是由若干行，那么行的标签为<tr></tr>3:每行被分割为原创 2017-09-24 21:55:45 · 4224 阅读 · 0 评论 -
从零开始前端学习[20]:前端与后台可能需要使用交互的表单form，input标签
前端与后台可能需要使用交互的表单标签form表单和input标签textarea文本域表单select,option下拉列表表单fieldset和legend组合表单label标签 提示 博主：章飞_90628528 博客地址:http://blog.csdn.net/qq_29924041form表单和input标签什么是表单？？？表单是一个包含表单元素的区域，表单元素是原创 2017-09-24 00:30:20 · 1670 阅读 · 0 评论 -
从零开始前端学习[19]:前端中重要的属性，定位position属性
前端中重要的属性，定位position属性关于定位固定定位fixed相对定位relative绝对定位absolute层级关系z-index使用定位来完成居中效果 提示： 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041关于定位fixed定位也就是元素相对于其正常出现的位置，或者是相对于父级应该出现的位置，甚至相对于原创 2017-09-23 14:53:14 · 533 阅读 · 2 评论