1.标签云
 
2.Tree树状结构和 accordion
 
3.Menu菜单
 
占位~~~~
 
 
             
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2010-07-28 10:52:44
                            
                                795阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            方法css是层叠样式表(Cascading Style Sheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。在HTML文档中加入CSS样式表可分为嵌入式样式表、外部样式表和内联样式表三种,在同一文档内可以同时使用三种方法。发展1.样式定义放在一个单独的文件中,例:新建一个后辍为CSS的样式定义。元素{ 属性color:值red            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-08 21:06:19
                            
                                49阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言:width和heigth不会相互作用 ,各自为政!1、当div设置了固定的长度和宽度后高度和宽度都行!:不管里面有没有内容(可以无视内容),div就是一个框子在那(默认无边框)!即使内容超出,尺寸也不变!#select_box {WIDTH: 330px; HEIGHT: 40px;border:2px solid red;}显示效果:2、若是div设置为百分比的形式宽度无论如何都行!:width:50%;能行! 无视内容! 即使内容超出宽度框的宽度还是50%,内容超出框而存在;高度无论如何都不行!:heigth:50%则不行 高度为内容的高度,如要设置高度 需要用height:50px            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-07-05 09:56:00
                            
                                404阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            div显示上下左右滚动条<div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> ·            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-25 17:08:40
                            
                                573阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            采用大量的DIV和CSS样式设置进行页面布局及优化,html没什么难度就那些常用的标签以及div、div嵌套使用,掌握了这些东西技术上就没什么大的难度,CSS样式设置里面有一些设置要记住。写下此文留作笔记供以后参考。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-11-24 12:45:37
                            
                                677阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            在现代网页开发中,为 div 元素添加 CSS 动画已成为一种常见的需求。首先,我们需要知道什么是 CSS 动画,以及如何通过 JavaScript 动态地为这些 div 添加动画效果。下面我将详细解释这个过程。
时间轴
CSS 动画的引入可以追溯到 CSS3 的发布,于 2011 年全面流行。由于这个背景,很多网页都为用户提供了更流畅的动态效果,提升了用户体验。
```mermaid
ti            
                
         
            
            
            
            10-1.html<html><head><title>div 标记范例</title><style type="text/css"><!--div{  font-size:18px;                       
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 14:26:38
                            
                                1004阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            9-1.html<html><head><title>alpha滤镜</title><style><!--body{  background:url(bg1.jpg);  margin:20px;}img{  border:1px solid #d58000;}.alpha            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 14:37:01
                            
                                1009阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            2-1.html<html><head><title>class选择器</title><style type="text/css"><!--.one{  color:red;      /* 红色 */  font-size:18px            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 15:34:55
                            
                                743阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1-1.html<html><head>  <title>页面标题</title>     </head><body>  <h2>CSS标记</h2>  <p>CSS标记的正文内容从这里开始&            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 15:55:05
                            
                                570阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            11-1.html<html><head><style type="text/css"><!--body {  margin:0px;  font-size:13px;  font-family:Arial;} #container{  position:relative;&n            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 13:50:29
                            
                                942阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            设置背景色渐变:<div style="width:156px; height:200px; background-color:#3F3F3F; FILTER: Alpha(Opacity=100,Finishopacity=0,Style=1,Startx=0,Starty=0,Finishx=0,Finishy=100);">   <p>d            
                
                    
                        
                                                            
                                                                        
                                                                                        翻译
                                                                                            精选
                                                        
                            2013-07-25 22:06:07
                            
                                626阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <html>
<head>
<title>css圆角效果</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<style type="text/css">
div.RoundedCorner{background:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2013-08-16 09:42:44
                            
                                560阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            使用css如何实现悬浮效果呢?先看几个例子:(1)回到顶部(2)百度搜索输入框它们都有什么特点呢?特点:始终在可视范围内,并且要么与顶部,要么与底部的距离保持不变.这就是浮动框,如何实现呢?例子(1)的实现:例子(2)的实现:我们发现,它们都有一个共同点:css样式中都包含:position: fixed; 我写的一个例子css文件:div.suspend {
 &n            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2014-11-01 15:31:21
                            
                                10000+阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            本文讲解使用DIV+CSS布局最基本的内容,读完本文你讲会使用DIV+CSS进行简单的页面布局。 转载请标明:http://www.kwst            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-05-17 19:18:44
                            
                                5466阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            div+css是web设计标准,它是一种网页布局方法。它能够实现网页页面内容与表现分离。 css是层叠样式表(Cascading Style Sheets)的缩写,用于定义HTML元素的显示形式。 样式规则:由一个选择器后跟一个声明块组成。声明块是一个大容器。由大括号里间的部分组成,声明块中间的空间            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-02-26 09:11:00
                            
                                120阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            可以将CSS直接写进DIV里 <div id="box3" style=" background:#eeef;width: 250px;height:250px;float:left;"> <style></style            
                
         
            
            
            
            div+CSS网页布局入门系列教程(来自标准之路) CSS网页布局入门教程1:一列固定宽度 CSS网页布局入门教程2:一列自适应宽度 CSS网页布局入门教程3:一列固定宽度居中 CSS网页布局入门教程4:二列固定宽度 CSS网页布局入门教程5:二列宽度自适应 CSS网页布局入门教程6:左列固定,右列宽度自适应 CSS网页布局入门教程7:二列固定宽度居中 CSS网页布局入门教程8:三列浮动中间列...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2008-03-12 14:47:00
                            
                                123阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            http://www.aa25.cn/layout/index.shtmlhttp://yankay-static.googlecode.com/svn/trunk/NoSql%20Database%20Note/index.htmlnosql            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2010-03-22 10:22:00
                            
                                163阅读