-
使用css动画给自己网站添加一个动态闪光logo
今日公司UI小姐姐浏览某网页,看到网页logo的闪光效果,然后建议我也可以给网站做一个,我看了下效果,之前也在部分网站看到过,效果也不错,今天就用c3动画给大家分享一个,先看效果如下 首先,我们需要找到自己网站logo外面套的盒子,给添加下方css代码,.logo是我网站logo盒子的类名,大家用自己的就行 /*首先我们需要给logo的盒子设置相对定位,设置宽高,并超出部分隐藏*/ .logo{ position: relative; width: 360px; height: 60px; overflow: hidden; } 接着,我们继续下方css代码 /*表示在元素之前添加... -
什么是模块化开发?
前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了,jQuery,Ajax,Node.Js,MVC,MVVM等的助力也使得前端开发得到重视,也使得前端项目越来越复杂,然而,JavaScript却没有为组织代码提供任何明显帮助,甚至没有类的概念,更不用说模块(module)了,那么什么是模块呢? 一个模块就是实现特定功能的文件,有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。模块开发需要遵循一定的规范,否则就都乱套了。 根据AMD规范,我们可以使用define定义模块,使用require调... -
html的基本结构
1.文档声明: 作用:告知浏览器文档使用哪种html或xhtml规范 html5文档声明: !doctype html 或 !DOCTYPE html 2.网页根元素(根标签) html ... /html 注:所有网页的内容,标签都放在开始和结束的html之间 3.html包含两大部分:head部分和body部分 head部分:一般会设置字符编码,网页标题,关键词,引入一些外部文件等 注:设置字符编码为utf-8,其他编码格式:gbk,gb2312 meta charset=utf-8/ (作用:防止网页出现乱码) 常见其他... -
div 标签的用法以及定义
div(无语义标签) 作用:主要用于划分板块 语法: div class=名 style=样式 /div 定义和用法 div 可定义文档中的分区或节(division/section)。 div 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。 如果用id或class来标记 div ,那么该标签的作用会变得更加有效。 用法: div 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 div 固有的唯一格式表现。可以通过 div 的class或id应用额... -
HTML中 input标签中的type的属性有哪些 具体功能介绍
更新这篇文章,是因为前几天上班中遇到了type=hidden不是很常用,突然碰到还真没怎么注意,差点忽略; 下面这次给大家详细介绍下type中的一些属性值: 定义和用法: type属性规定input元素的类型。 button 定义可点击按钮(多数情况下,用于通过JavaScript启动脚本)。 checkbox 定义复选框。 file 定义输入字段和浏览按钮,供文件上传。 image 定义图像形式的提交按钮。 password 定义密码字段。该字段中的字符被掩码。 radio 定义单选按钮。 reset 定义重置按钮。重置按钮... -
html元素类型详细介绍 包含 块元素、内联元素、可变元素
HTML元素分为三大类:块元素、内联元素、可变元素 1.块元素 常见块元素:div、p、ul、ol、li、dt、dl、dd、form、table、tr、td、h1、h2、h3、h4、h5、h6、hr、fieldset 注:默认状态有margin、padding的html元素有body、ul、ol、dl、dd、li、p、h1-h6、td、input 块状元素的特点: ①块状元素以块的形式显示为矩形区域 ②块状元素不会并排显示、自上而下排列 ③块元素可以定义自己的宽度和高度以及盒模型中任意的padding、margin、border ④块元素可以作为一个容器容纳其他的块... -
元素类型相互转换详细介绍 块状元素 内联元素
元素类型转换 语法: display: block | inline-block | inline | none | list-item; block:将元素转换为块状元素,是大部分块元素的默认display属性值; inline-block:将元素转换为内联块状元素,是内联块状元素的默认display属性值(如img,input等); inline:将元素转换为内联元素,是内联元素的默认display属性值(如a,span等); none:将元素全部隐藏不可见; list-item:将元素转换为列表类型,是li的默认display属性值; 注:当给元素...