一、css 样式1.float首先需要了解块级元素(block element)。每个块级元素都默认占用一行,在同一行只能添加一个块元素(float 除外)。块级元素一般可以嵌套块级元素或者行内元素,如使用 div 布局。float 一般用于 div 布局的情形下,浮动的 div 可以向左或者向右移动,直到它的外边缘碰到其父级元素的框或者另外一个浮动的 div 边框为止。个人理解为:float 将            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-16 14:25:41
                            
                                48阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言: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评论
                            
                                                 
                 
                
                             
         
            
            
            
            父元素display: flex;(弹性盒子)子元素margin: auto;(上下左右居中)
                    
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-15 01:21:27
                            
                                101阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性,网上很多的解决方案都是介绍用上级的text-align: center然后嵌套一层DIV来解决这个问题.可是事实上这样的解决方案科学吗?经过网络搜索和亲自实验得出下面结论:正确的也是对页面构造没有影响的设置如下:对需要水平居中的DIV层增加下面属性:
margin-left: auto;margin-right: auto;
经过这            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-06-08 22:12:00
                            
                                245阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            html中css、div命名规范 1.类class的命名规范示例 2.注释的写法 3.id的命名 4.类class的书写规范示例 5.CSS样式文件命名如下 6.注意事项 腾讯团队            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-05 16:31:10
                            
                                483阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            看完慕课网中的div布局,简单记录一下里面的内容:1.实现效果:上面实现效            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-24 18:54:19
                            
                                86阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            设置div属性垂直对齐方式为:top <div style="vertical-align: top;"></div>            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-11 11:26:24
                            
                                199阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目的:为了让ID为navicatorbar的div中的图片实现居中 htm结构: 1 <div data-options="region:'north',border:false" style="height: 10%;"> 2 <div id="navicatorbar" style="heigh            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-29 14:35:13
                            
                                443阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            10-1.html<html><head><title>div 标记范例</title><style type="text/css"><!--div{  font-size:18px;                       
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-02 14:26:38
                            
                                1004阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compa            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-24 19:01:13
                            
                                3094阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            将一个div覆盖在另一个div上有两种手段:一是设置margin为负值,二是设置绝对。可以根个人情况设置z-index的值1->position 为absolute的情况这里是div1的内容 2->用margin为负的操作 这里是div1的内容            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-11-26 18:57:00
                            
                                557阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            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阅读