第十五章 CSS文本样是【下】 一、文本总汇 二、文本样式 :CSS文本样式分为三种：文本装饰，英文大小写转换，文本阴影。 1、text-decoration （1）none :让本身有划线的文本取消掉； （2）underline :让文本的底部出现一条下划线； （3）overline :让文本的顶 ...
分类：
Web程序 时间：
2018-02-28 18:55:55
阅读次数：
234
什么是CSS Sprite精灵？ 是用于前端的一种图片应用技术，通常情况，我们的开发的网页或许有很多张图片，假如在一个页面上有50多张小图片，这意味着浏览器要逐个下载50张图片。Css Sprite它允许你将一个页面涉及到的所有零星图片都包含到一张图中，这样一来，当访问页面时，就只需要下载1张图片了 ...
分类：
Web程序 时间：
2018-02-28 18:56:03
阅读次数：
215
第十六章 CSS盒模型【上】 一、元素尺寸 属性 值 说明 CSS版本 1、width auto、长度值或百分比 设置元素的宽度 1 2、height auto、长度值或百分比 设置元素的高度 1 3、min-width auto、长度值或百分比 设置元素最小宽度 2 4、min-height au ...
分类：
Web程序 时间：
2018-02-28 18:56:25
阅读次数：
214
第十六章 CSS盒模型【下】 一、元素可见性 使用visibility属性可以实现元素的可见性，这种样一般可以配合JavaScript来实现效果。 属性 值 说明 CSS版本 { visible 默认值，元素在页面上可见 2 visibility { hidden 元素不可见，但会占据空间 2 { ...
分类：
Web程序 时间：
2018-02-28 18:57:14
阅读次数：
200
ajax如果要写像下方格式 ...
分类：
Web程序 时间：
2018-02-28 19:39:57
阅读次数：
484
第二十四章 CSS3变形效果【下】 一、3D变形简介 【上】讲的是2D，本章讲的是3D（在二维基础上多出一个z轴）。 属性值 说明 translate（x,y,z） 3D方式平移元素，设置x,y和z轴 translateZ(z) 设置3D方式平移元素的z轴 scale3d(x,y,z) 3D方式缩放 ...
分类：
Web程序 时间：
2018-02-28 19:40:18
阅读次数：
212
第二十三章 CSS边框图片效果 一、属性解释 用几个属性就可以嵌入图片形式的边框。 1、border-image-source : 引入背景图片地址 2、border-image-slice : 切割引入背景图片 3、border-image-width : 边框图片的宽度 4、border-ima ...
分类：
Web程序 时间：
2018-02-28 19:40:54
阅读次数：
219
第二十七章 传统布局【下】 一、定位布局 CSS2提供了position属性来实现元素的绝对定位和相对定位 （1）static :默认值，无定位 （2）absolute :绝对定位，使用top,right,bottom,left进行位移 （3）relative :相对定位，使用top,right,b ...
分类：
Web程序 时间：
2018-02-28 19:41:14
阅读次数：
204
第十三章 CSS选择器【下】 一、伪类选择器总汇 二、结构性伪类选择器 ：能够根据元素在文档中的位置选择元素，这类元素都有一个前缀（:） 1、根元素选择器 :（基本不怎么用，因为总是返回<html>元素） 2、子元素选择器 :（伪类都需要加上前置来限制范围） （1） <ul><li></li><li ...
分类：
Web程序 时间：
2018-02-28 19:41:25
阅读次数：
173
第十四章 CSS颜色与度量单位 一、颜色表方案 (除了颜色表之外，想要获取颜色值，可以通过photoshop能平面设计软件的调色板获取相应的值) 颜色表查阅的网址例如： ***************************************************************** ...
分类：
Web程序 时间：
2018-02-28 19:41:32
阅读次数：
308
第二十八章 CSS3多列布局 一、早期多列问题 //五段内容，分为三列 <div> <p>。。。</p> <p>。。。</p> <p>。。。</p> <p>。。。</p> <p>。。。</p> </div> //带标题的五段内容，分为三列。 <div> <h3>第一段内容</h3> <p>。。。</ ...
分类：
Web程序 时间：
2018-02-28 19:42:00
阅读次数：
158
回顾历史，CSS1于1996.12.17发正式版，它是为辅助HTML的展现效果而生的。1998.5.12，CSS2发正式版。随后发修订版CSS2.1，纠正了CSS2中的一些错误。注意从CSS2起，CSS的作用就不是辅助展现了，变为全全负责展现。（注：当年CSS2的勘误表有兴趣可以看看） CSS2.1 ...
分类：
Web程序 时间：
2018-02-28 19:43:00
阅读次数：
221
第二十五章 CSS3过渡效果 一、过渡简介 过渡效果一般是通过一些简单的CSS动作触发平滑过渡功能，比如：hover、：focus、：active、：checked等，CSS3提供了transition属性来实现这个过渡的，主要属性如下 属性 说明 transition-property 指定过渡或 ...
分类：
Web程序 时间：
2018-02-28 19:43:24
阅读次数：
235
第二十九章 CSS3弹性伸缩布局【中】 一、混合过滤板（主要针对IE10浏览器伸缩布局效果） 首先，设置伸缩盒的display有如下两个属性值 （1）flexbox 将容器盒模型作为块级弹性伸缩盒显示（混合版本） （2）inline-flexbox 将容器盒模型作为内联级弹性伸缩盒显示（混合版本） ...
分类：
Web程序 时间：
2018-02-28 19:43:35
阅读次数：
245
第二十六章 CSS3动画效果 一、动画简介 CSS3提供了类似Flash关键帧控制的动画效果，通过animation属性实现。之前学的transform属性只能通过指定属性的初始状态和结束状态实现动画效果，有一定局限性。 animation实现动画效果有两个部分组成 1、通过类似Flash动画中的关 ...
分类：
Web程序 时间：
2018-02-28 19:44:15
阅读次数：
270
第十九章 CSS其他样式 一、黑色和透明度 属性 值 说明 CSS版本 color 颜色值 设置文本前景色 1 //设置文本颜色 CSS提供了一个属性opacity，可以设置有元素的透明度。 opacity 0～1 设置元素的透明度 3 二、盒子阴影和轮廓 1、box-shadow：（CSS提供了一 ...
分类：
Web程序 时间：
2018-02-28 19:44:24
阅读次数：
229
第十五章 CSS文本样式 一、字体总汇 二、字体设置 1、font-size （1）xx-small } （2）x-small } （3）small } 设置字体的大小，每个值从小到大的固定值 （4）mediue } （5）large } （6）x-large } （7）xx-large } 例、p ...
分类：
Web程序 时间：
2018-02-28 19:45:03
阅读次数：
217
第二十一章 CSS渐变效果 一、线性渐变 linear-gradient（方位，起始色，末尾色） (1) 方位 ：可选参考数，渐变的方位。可以使用的值：to top、to top right、to right、to bottom、to bottom left、to left、to top left。 ...
分类：
Web程序 时间：
2018-02-28 19:45:59
阅读次数：
233
第二十四章 CSS3变形效果【上】 一、transform CSS3提供元素变形效果，也叫作变换。他可以使元素实现旋转，缩放和平移功能。属性有 （1）transform ：指定应用的变换功能 （2）transform ：指定变换的起点 对于transform的属性值，具体如下表： 属性值 说明 no ...
分类：
Web程序 时间：
2018-02-28 19:46:22
阅读次数：
263
第二十九章 CSS3弹性伸缩布局【上】 一、布局简介 Flexbox布局，即弹性伸缩布局模型（Flexible Box）,他能更有效的实现布局，但这个布局还处于W3C的草案阶段，并且分旧版本，新版本，混合过渡阶段三种不同的编码。 IE Firefox Chrome Opera Safari 支持需带 ...
分类：
Web程序 时间：
2018-02-28 19:46:41
阅读次数：
246
