web前端

JavaScript的详细概述/什么是JavaScript

JavaScript 诞生于 1995 年。它当时的目的是为了验证表单输入的验证。因为在 JavaScript问世之前,表单的验证都是通过服务器端验证的。而当时都是电话拨号上网的年代,服务器验证数据是...
web前端

css如何清除浮动clear与float

大家都知道,浮动会对文档产生影响,具体来看看会对文档产生什么影响? 清除浮动后的效果: 未清除浮动后的效果: 实例代码(未清除浮动): <!doctype html> <html&g...
web前端

CSS3过渡效果transition

HTML5中CSS3的过渡效果,通过这个功能可以不借助 JavaScript 来实现简单的用户交互功能。 一、过渡简介 过渡效果一般是通过一些简单的 CSS 动作触发平滑过渡功能,比如::hover、...
web前端

CSS3变形效果transform-style

一、3D 变形简介 元素的平移、旋转、缩放和倾斜等功能这些效果只是单纯在二维平面图上的,我们称之为 2D。那么其实CSS3也提供了三维立体的一些功能效果,并且目前较新的主流浏览器都比较支持,只不过比 ...
web前端

CSS3变形效果transform

HTML5 中 CSS3 的变形效果,通过变形效果,可以平移、缩放和旋转元素的功能。 一、transform CSS3提供了元素变形效果,也叫做变换。它可以将元素实现旋转、缩放和平移的功能。属性有两个...
web前端

CSS3渐变效果linear-gradient与radial-gradient

HTML5中CSS3背景渐变功能,主要有两种渐变方式:线性渐变和径向(放射性)渐变。 一、线性渐变 CSS3提供了linear-gradient 属性实现背景颜色的渐变功能。在以前,这种效果必须采用图...
web前端

CSS3文本效果text-shadow与text-overflow

一、文本阴影 CSS3提供了text-shadow 文本阴影效果,这个属性有几个注意点:1、text-shadow 在 CSS2 的时候出现过,但各大浏览器碍于消耗大量的资源,迟迟未支持,然后在CSS...
web前端

CSS3浏览器前缀和长度单位rem

一、CSS3 前缀 在 CSS3 的很多新属性推出时,这些属性还处在不太稳定的阶段,随时可能被剔除。而此时的浏览器厂商为了实现这些属性,采用前缀方法。各大厂商前缀列表如下: 浏览器 厂商前缀 Chro...
web前端

CSS样式box-shadow与outline

HTML5中CSS其他剩下几个常用的样式,包括颜色、透明度、盒子的阴影轮廓以及光标的样式。 一、颜色和透明度 颜色我们之前其实已经用的很多了,比如字体颜色、背景颜色、边框颜色。但除了背景颜色和边框颜色...
web前端

CSS背景background样式属性设置

一、设置背景 盒模型的尺寸可以通过两种方式实现可见性,一种就是之前的边框,还有一种就是背景。 CSS 背景设置的样式表如下: 属性 值 说明 CSS 版本 background-color 颜色 背景...
web前端

CSS表格table与列表list-style

一、表格样式 表格有五种独有样式,样式表如下: 属性 值 说明 CSS 版本 border-collapse 边框样式 相邻单元格的边框样式 2 border-spacing 长度值 相邻单元格边框的...
web前端

CSS边框border样式属性设置

一、声明边框 边框的声明有三个属性设置,样式表如下: 属性 值 说明 css版本 border-width 长度值 设置边框的宽度,可选 1 border-style 样式名称 设置边框的样式,必选 ...