欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

# HTML && CSS

程序员文章站 2024-02-06 10:27:40
...
1.Div左右居中
1
div{
width；300px;height:300px;margin:0 auto;
}
2.Div上下左右居中



   
.son{position:absolute;top:50%;left:50%;width:300px;heigeht:300px;
margin-top:-150px; /*等于高度的一半*/margin-left:-150px; /*等于宽度的一半*/}


3.背景图片上下左右居中


background-position:center;


4.边框变成小三角
得到一个 宽为10px,黑色向下的小三角，背景色为红色


div{
width:0;
height:0;
border:10px solid red;
border-top-color:black;
}


5.关于换行


white-space:nowrap;/*不换行*/
white-space:normal;/*换行*/


6.关于margin-top的传递问题
为其父元素加上边框，就可以解决


7.清除默认样式


body,h1,h2,h3,h4,h5,h6,dl,dd,p{marhon:0;}
ul,ol{margin:0; padding:0;}
th.td{padding:0;}


8.表格





table{border-collapse:collapse;}
跨行合并：rowspan;
跨列合并：colspan;
9.表单
/*for和id相同*/
10.清除浮动
.clearfix:after{
display:block;
content:'';
clear:both;
}
.clearfix{
zoom:1;  /* for IE6*/
}
# HTML && CSS
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频




网友评论


文明上网理性发言，请遵守 新闻评论服务协议
我要评论






  • # HTML && CSS
    • 

    • 

    

    


    

    

    

    专题推荐
    


    

    

    作者信息
    

    

    # HTML && CSS
    

    

    高洛峰
    

    拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，累计授课长达上万课时， 培养了近百名IT名师， 培训数万名学员成功走向IT岗位，近年来致力于推广Web开发技术。
    

    

    最近文章
    

    
图文详解.Net语言Smobiler开发之如何仿微信朋友圈的消息样式2041

    

    
ASP.NET代码轻松实现微信抢红包2049

    

    
C#开发微信多客服功能及开发集成实例1762

    

    

    

    

    

    发布技术文章
    

    

      

    • 最新文章
      • 

    • 热门排行
      • 

    

    

    

    

    

    

    

    
推荐视频教程
    

  • 
# HTML && CSSjavascript初级视频教程

    • 

  • 
# HTML && CSSjquery 基础视频教程

    • 

    

    

    
视频教程分类
    


    

    

    


    ：公益在线php培训，帮助PHP学习者快速成长！
    

    Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1# HTML && CSS关于我们免责申明赞助与捐赠广告合作
    

    

    
# HTML && CSS  
            # HTML && CSS

    

    

    
sex
age

    


    
man
18

    

    
female
28

    
    
















    

    

    					
    
															
    
						相关标签：												
							#						
												
							HTML						
												
							&&						
												
							CS						
											
    
															
    
						
    
							上一篇：							
								PHP代码如何被执行？							
						
    
						
    
							下一篇：							
								这个涉及正则的简单功能如何实现							
						
    
					
    
															
    
						
    
							推荐阅读