在对网站进行mip改造的时候，使用百度的导航组件，很难有较好的展现形式。 百度又不允许自定义JS，所以，考虑增加CSS（是在百度组件的基础上增加JS），用css补充实现点击功能，实现精美的导航。 最终结果是为了实现以下三个样式 1.未展开状态 2.展开状态，有二级导航的，要出现+号 3.点击+号能展 ...
分类：
Web程序 时间：
2020-03-15 09:50:45
阅读次数：
76
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>旋转菜单</title> <link rel="stylesheet" href="style8.css" type="text/css"></head><body ...
分类：
Web程序 时间：
2018-10-08 11:25:10
阅读次数：
507
内容概要：一、div和span(1)块级标签：div(2)内联标签：span如图所示：二、盒模型(重要)注：可用浏览器的调试工具可查看盒子（1）margin:盒子外边距（2）padding:盒子内边距（会改变块的大小）（3）border:盒子边框宽度（4）width:盒子宽度（5）height:盒子高度①：外边距和内..
分类：
Web程序 时间：
2016-07-16 07:15:08
阅读次数：
754
一、颜色属性demo.html<!doctypehtml>
<html>
<head>
<title>CSS的颜色属性的四种方式</title>
<metacharset="utf-8">
<styletype="text/css">
body{
color:red
}
.c1{
color:#ff6600
}
.c2{
color:rgb(0,0,255)/*红(R)、绿(G)、蓝..
分类：
Web程序 时间：
2016-07-13 12:14:00
阅读次数：
164
第一样式表可用（1）嵌入式样式表（2）引入式样式表，两种方式来实现，如下我便以代码的形式放在下面：（1）嵌入式样式表demo.html<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>CSS样式使用</title>
<styletype="text/c..
分类：
Web程序 时间：
2016-07-12 15:52:34
阅读次数：
410
第一样式表可用（1）嵌入式样式表（2）引入式样式表，两种方式来实现，如下我便以代码的形式放在下面：（1）嵌入式样式表demo.html<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>CSS样式使用</title>
<styletype="text/c..
分类：
Web程序 时间：
2016-07-12 15:52:12
阅读次数：
156
一、css的声明标签是告诉浏览器应该是用什么形式去解析你，一般为：<!DOCTYPEhtml>因为html5支持向下兼容，详细可看上图。二、css样式的使用方式：（1）内链样式表：demo.html<!DOCTYPEhtml>
<html>
<head>
<title>内链样式使用</title>
&..
分类：
Web程序 时间：
2016-07-12 00:08:38
阅读次数：
161
竖直排列的圆角折叠菜单，纯CSS折叠菜单，不需要鼠标点击即可展开二级菜单，当然也可以修改成点击展开那种。...
分类：
Web程序 时间：
2015-05-17 16:51:40
阅读次数：
228
觉得这个效果不错，就随便写了一下。
效果：http://output.jsbin.com/gerogawiqi/1
思路很简单，添加一个空伪元素，然后进行边框设置，实现折叠的效果。不过看起来还是很好看的。css部分：.tianzi{
width:300px;
height: 300px;
background: orange;
po...
分类：
Web程序 时间：
2015-05-11 09:11:01
阅读次数：
376
