前端
关注
分享
扫一扫
文章平均质量分 74
忆昔年.
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
网页中的表单
html表单表单用于搜集不同类型的用户输入，表单由不同类型的标签组成，实现一个特定功能的表单区域（比如：注册），首先应该用标签来定义表单区域整体，在此标签中再使用不同的表单控件来实现不同类型的信息输入，具体实现及注释可参照以下伪代码：<!-- form定义一个表单区域,action属性定义表单数据提交的地址，method属性定义提交的方式。 --><form ac...转载 2018-12-29 21:14:17 · 621 阅读 · 0 评论 -
css中的transform变换和animation动画
一、CSS3 transform变换1、translate(x,y) 设置盒子位移2、scale(x,y) 设置盒子缩放3、rotate(deg) 设置盒子旋转4、skew(x-angle,y-angle) 设置盒子斜切5、perspective 设置透视距离6、transform-style flat | preserve-3d 设置盒子是否按3d空间显示7、translateX、...原创 2019-01-05 14:31:02 · 444 阅读 · 0 评论 -
js基础知识
JavaScript[2]是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了E...原创 2019-01-05 15:06:43 · 183 阅读 · 0 评论 -
js操作网页中的元素
一、获取元素方法可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素，获取到的是一个html对象，然后将它赋值给一个变量。例：<script type="text/javascript"> var oDiv = document.getElementById('div1');</script>....<...原创 2019-01-06 18:43:32 · 1564 阅读 · 2 评论 -
css中的transiton动画
一、CSS3 transition动画1、transition-property 设置过渡的属性，比如：width height background-color2、transition-duration 设置过渡的时间，比如：1s 500ms3、transition-timing-function 设置过渡的运动方式linear 匀速ease 开始和结束慢速ease-in 开始是慢速...原创 2019-01-02 19:44:15 · 603 阅读 · 0 评论 -
js分支语句
分支语句是js中特别重要的一个环节，什么是流程控制呢？怎么去了解呢？下面，我来带大家熟悉一下。一、if条件判断语句。多条件判断。<script> if(条件表达式){ 语句... }else if(条件表达式){ 语句... }else if(条件表达式){ 语句... }else{ 语句... ...原创 2019-01-08 08:56:46 · 367 阅读 · 0 评论 -
解决高度塌陷--clearfix
在写项目时可以写一个这样的类用来解决高度塌陷和边距重叠问题。.clearfix:before,.clearfix:after{ content: ""; display: table; clear: both;}因为IE8及以下的版本不兼容before和after伪类，所以可以再写一个样式解决：.clearfix{ display: block; ...原创 2019-01-14 22:49:55 · 771 阅读 · 0 评论 -
jQuery中的选择器
jquery选择器jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。$(document) //选择整个文档对象$('li') //选择所有的li元素$('#myId') //选择id为myId的网页元素$('.myClass') // 选择class为myClass的元素$('input[name=first]') // 选择n...原创 2019-01-14 22:54:46 · 248 阅读 · 0 评论 -
js事件冒泡
什么是事件冒泡在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。事件冒泡的作用事件冒泡允...原创 2019-01-14 23:00:35 · 162 阅读 · 0 评论 -
js循环语句
JavaScript 支持不同类型的循环：for - 循环代码块一定的次数for/in - 循环遍历对象的属性while - 当指定的条件为 true 时循环指定的代码块do/while - 同样当指定的条件为 true 时循环指定的代码块javascript有4种循环语句：while、do/while、for、for/in，它们的工作原理几乎一样：只要给定条件仍能得到满足，包含在循...原创 2019-01-09 19:18:36 · 2773 阅读 · 0 评论 -
js中时钟的写法
<script type="text/javascript"> window.onload = function(){//这里是等到浏览器将网页加载渲染完成后执行的代码 var oBox = document.getElementById('box'); function timeGo(){ var now = new Date();//实际开发中此时间从服务...转载 2019-01-09 19:29:25 · 907 阅读 · 0 评论 -
js闭包
闭包的本质就是函数嵌套，就是在函数里面定义函数，内部函数可以引用外部函数的参数和变量参数和变量不会被垃圾回收机制给回收闭包的用途：可以存循环的索引值、做私有变量计数器闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点： 1. 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。 2. 一...转载 2019-01-09 19:38:06 · 169 阅读 · 0 评论 -
css盒子模型
这是css中的一个重点。在网页中，一切皆盒子。。。盒子一般用块元素表示块元素和行内元素有哪些?一个盒子通常分为四部分：内容(content)边框线(border)外边距(padding)内边距(margin)一、设置边框：大部分的浏览器中，边框的宽度和颜色都是有默认值，而边框的样式默认值都是none边框（border）的简写样式，通过它可以同时设置四个边框的样式，宽度，...原创 2018-12-24 19:51:01 · 170 阅读 · 0 评论 -
css字体的分类及样式
一、分类在网页中将字体分成五大类： serif（衬线字体） sans-serif（非衬线字体） monospace （等宽字体） cursive （草书字体） &原创 2018-12-24 19:13:54 · 2082 阅读 · 0 评论 -
HTML入门
HTML简单教程HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏...原创 2018-12-18 17:13:58 · 146 阅读 · 0 评论 -
CSS入门教程
一、css基本语法及页面引用1：css基本语法css的定义方法是：选择器 { 属性:值; 属性:值; 属性:值;}选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值。代码示例：div{ width:100px; height:100px; color:red }2:css页面引入方法：1、外联式：通过link标签，链接到外部样式表到页面中。&l...原创 2018-12-19 19:42:36 · 187 阅读 · 0 评论 -
css选择器
css选择器的简单了解这里是几个选择器：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>常用选择器</title> <style type="text/css"&原创 2018-12-20 20:21:22 · 163 阅读 · 0 评论 -
HTML中文档流和一些css属性
一、浏览器的默认样式写一个页面的时候，我们如果没有规定元素的内外边距，浏览器就会使用默认样式。我们一般不用这个默认格式，所以就用css中的通配选择器去掉这个默认格式。*{padding: 0px;margin: 0px;}二、内联元素的盒模型...原创 2018-12-26 19:23:43 · 295 阅读 · 0 评论 -
高度坍塌现象及解决方法
一、高度坍塌根据W3C的标准，在页面中元素都一个隐含的属性叫做Block Formatting Context（块的格式化环境）简称BFC，该属性可以设置打开或者关闭，默认是关闭的 当开启元素的BFC以后，元素将会具有如下的特性： 1.父元素的垂直外边距不会和子元素重叠 2.开启BFC的元素不会被浮动元素所覆盖 3.开启BFC的元素可以包含浮动的子元素 如何开启...原创 2018-12-26 19:36:45 · 696 阅读 · 0 评论 -
css中的clear属性
所有主流浏览器都支持 clear 属性。clear 属性规定元素的哪一侧不允许其他浮动元素。我们有时希望清除掉其他元素浮动对当前元素产生的影响，这时可以使用clear来完成功能 可选值： none，默认值，不清除浮动 left，清除左侧浮动元素对当前元素的影响 right，清除右侧浮动元素对当前元素的影响 both，清除两侧浮动元素对当前元素的影响 ...原创 2018-12-28 15:30:42 · 587 阅读 · 0 评论 -
html中的导航条制作
在网页中一个这样的导航条该怎么做呢？用HTML中的无序列表(ul)做然后在给列表设置需要的样式即可：具体参考代码：&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta char原创 2018-12-28 15:31:41 · 15674 阅读 · 4 评论 -
css元素定位
我们可以使用css的position属性来设置元素的定位类型，postion的设置项如下：relative 生成相对定位元素，元素所占据的文档流的位置不变，元素本身相对文档流的位置进行偏移absolute 生成绝对定位元素，元素脱离文档流，不占据文档流的位置，可以理解为漂浮在文档流的上方，相对于上一个设置了相对或者绝对或者固定定位的父级元素来进行定位，如果找不到，则相对于body元素进行定...原创 2018-12-28 16:10:27 · 175 阅读 · 0 评论 -
HTML中元素的层级
在网页中，对于已经开启定位的元素可以设置元素层级，如果元素层级一样，下面的会盖住上面的元素。通过z-index属性可以用来设置元素的层级可以为z-index指定一个正整数作为值，该值将会作为当前元素的层级，层级越高，越优先显示对于没有开启定位的元素不能使用z-index .box1{ width: 200px; height: 200px; background-c...原创 2018-12-28 16:21:04 · 7053 阅读 · 0 评论 -
给HTML中的块元素设置背景图片
css中关于块元素的背景有 background 属性。background属性是css中应用比较多，且比较重要的一个属性，它是负责给盒子设置背景图片和背景颜色的，background是一个复合属性，它可以分解成如下几个设置项：background-color 设置背景颜色background-image 设置背景图片地址background-repeat 设置背景图片如何重复平铺b...原创 2018-12-28 16:40:51 · 14918 阅读 · 0 评论 -
前端学习~~01
前端语言学习根据W3c标准，一个网页主要有三部分组成：结构、表现还有行为。W3c标准结构表现行为HTMLCSSJavaScriptHTML 用于描述页面结构CSS用于控制页面中元素的样式JavaScript用于响应用户操作1：HTML简介超文本标记语言， 标准通用标记语言下的一个应用。“ 超文本 ”就是指页面内可以包含图片、 链...原创 2018-12-18 16:45:05 · 223 阅读 · 0 评论 -
js做一个简单的选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> .btns input.cur{/*这是按钮的样式*/ background-colo原创 2019-01-09 19:53:16 · 395 阅读 · 0 评论