发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
步骤:1.布局分析
2.敲代码
考察知识点: 1.类选择器(素材第四天) 2.CSS关于display,padding,margin的应用 3.如何用div布局
总结: 如果想让一行有两组以上的字块,显示就要用inline-block 想让字块文本在box内缩进,要设置类的是带有这字块的最外层div而不是带文字的内部标签(为什么在内部标签设置调margin或者padding文字都不动?)
代码:
来自: 怡红公子0526 > 《待分类》
0条评论
发表
请遵守用户 评论公约
静态网页设计网站制作:第九讲 DIV+CSS界面排版
DIV+CSS技术概念常识 DIV+CSS页面布局的分析方法 DIV+CSS页面布局的编辑方法 DIV+CSS页面布局常见错误分析。了解DIV+CSS页面布局基本概...
用背景图实现的 tab 标签页导航菜单效果 - tab, 标签, 导航, 菜单, CSS,
本文介绍的是一个非常不错的CSS tab 标签页导航菜单效果,代码简洁,兼容各种浏览器,最关键的是:通过学习实例里面的思路,我们很容易做出各种漂亮的 tab 效果,希望对初学者有帮助!padding:10px 10p...
Div+CSS样式布局学习笔记(1)
去年刚刚接触DIV+CSS样式布局,发现这种布局有好多优点,其中最大的优点是能够很清析的结构化html代码,给后期制作后台程序带来很大的便捷,于是便喜欢上了这种布局方式。 现在总结一些我在做DIV+C...
模拟Bootstrap标签页的实现
<ul class="nav_tab" id="myTab"> <li class="test1 actives">test1</li> <li class="test2">test2</li> </ul&...
div和span的区别是什么
div和span的区别是什么div和span的区别是:div标签是块级元素,每个div标签都会从新行开始显示,占据一行;我们还可以在div标签中,使用...
盒子模型
width: 182px;height: 172px;line-height: 200px;padding-top: 20px;padding-left: 10px;border: 4px solid black;border: 4px dashed black;width: 194px;border: 3px solid black;width: 100px;paddi...
(办公)html5与css3的相关知识
语法:元素1 元素2 {样式声明} 元素1 包含元素2标签(后代元素) 元素1和元素2空格隔开 无论是儿子,孙子只要是元素1的后代即可 元素1和元素2可以是任意的标签选择器. 9.3.子选择器:只能选择某...
行框 | 成长.流年
除了可替换元素和不可替换元素的分类方式外,CSS 2.1中元素还有另外的分类方式:块级元素(block-level)和行内元素(inline-level,也...
网页
如下代码就是将块状元素div转换为行内元素,从页使用div元素具有行内元素特点。margin:10px;元素的实际长度为:10px+1px+20px+200px+20px+1px+10px=262px。div{padding:20px 10px 15px 30px;div{margin...
微信扫码,在手机上查看选中内容