一、阴影 1.1、文字阴影 text-shadow length①： 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 length②： 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值 length③： 如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值 color： 设置对象...

2018-06-24 00:45:59

一、标签概述 1.HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。 2.标签分为嵌套关系与并列关系。 嵌套关系： head title / title head 并列关系： head / head body / body...

2018-06-24 00:45:58

! DOCTYPE html html lang ="zh-cn" head meta charset ="utf-8" meta http-equiv ="X-UA-Compatible" content ="IE=edge" meta name ="viewport" content ="width=device-width, initial-scale=1" title Bootstrap 101 Template / title !-- Bootstrap -- !-- 这个引...

2018-06-24 00:45:50

bootstrap框架提供了很多好用的javascript组件，可以很方便的实现常用的js效果，比如点击弹出一个div（modal）、下拉菜单、旋转木马（carousel或slider），非常适合前端不专业的后端程序员使用。下面就来看下modal和carousel如何使用。 modal即点击弹出div的效果，先看...

2018-06-24 00:45:48

查看效果： http://hovertree.com/texiao/css3/37/ 先来个简单的示例，例如： @keyframes hovertreemove { from {top:30px;} to {top:130px;} } 效果： http://hovertree.com/texiao/css3/37/1.htm 可以通过 @keyframes 规则，创建动画。 创建动画的原理是，将一套 CSS...

2018-06-24 00:45:48

经常有一些时候需要使用渐变背景，使用长条图片有点太不高大上了，于是自己写了个小例子，兼容多浏览器就要为每一个浏览器写对应的CSS，太低版本的浏览器只能使用图片做背景。 下面是当前五大浏览器对gradient的支持： 1 div id ="gradient" / div 1 style type ="text...

2018-06-24 00:45:46

图1:问题图 图2:代码 图3:解决图 问题图 与 解决图 的区别：黄色箭头那行代码的 无 和 有 BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区...

2018-06-24 00:45:46

注：imageId为图片id style type="text/css"#imageId { display : block ; position : relative ; margin : auto ;} /style...

2018-06-24 00:45:46

第1种，居中效果 div class="box" div class="center"居中效果/div /div /* 第1种，垂直居中效果 */ .box { width : 200px ; height : 200px ; border : 1px solid #ccc ; position : relative ; } .center { width : 100px ; height : 100px ; background : gray ; ma...

2018-06-24 00:45:40

CSS3在CSS2.1的基础上新增加了许多属性，这里选择了较常用的一些功能与大家分享，帮助文档中有很详细的描述，可以在本文的示例中获得帮助文档。 一、阴影 1.1、文字阴影 text-shadow length①： 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 length②： 第2个...

2018-06-24 00:45:39