一、居中
1、自动空白边 margin:0 auto;
2、相对定位加负值空白边
position:relative;
left:50%;
margin-left:-50%;
二、浮动布局
1、两列浮动布局 float:left;float:right
2、三列浮动布局,把两列中的一列再分成两列
三、流体布局
以百分代替px,要确定最小值以避免过小
四、弹性布局
以em为单位
五、流体-弹性布局
以em设置宽度,以%设置最大宽度
六、非固定布局中图像的处理
1、作为背景
2、设置包含图像的容器overflow:hidden;避免伸缩
3、对于可伸缩的图像,设置max-length防止失真
七、布局的背景
设置background时用百分数定位
分享到:
相关推荐
在“精通CSS笔记”中,你将深入学习如何通过CSS实现复杂的布局、创建高级的阴影效果,并掌握滑动门技术的应用。这些知识点不仅是提升CSS技能的基础,也是成为专业前端开发者必备的素养。通过实践这些技巧,你将能够...
### 韩顺平PHP从入门到精通笔记-149讲完整知识点解析 #### HTML基础及运行原理 - **HTML定义与作用** - HTML(HyperText Markup Language)是一种超文本标记语言,主要用于构建网页内容。通过HTML,可以在网页上...
【PHP从入门到精通完整笔记】是一份涵盖了HTML、CSS以及PHP基础知识的全面教程,旨在帮助初学者系统地学习这三门技术。这份笔记共有301页,内容包括了HTML+CSS的前22讲以及PHP的第23至149讲。 **HTML基础知识** 1. ...
这份笔记包含了从基础概念到高级技术的详细讲解,涵盖了HTML+CSS笔记和PHP课程两大部分,共计149讲,为学习者提供了一个扎实的起点。 在PHP的入门阶段,首先会介绍PHP的基础知识,包括PHP的安装和配置环境,如何...
《精通DIV.CSS网页样式与布局》是一本由何丽...总的来说,《精通DIV.CSS网页样式与布局》这本书是学习和提升网页设计技能的重要资源,结合配套的笔记,可以帮助读者系统地掌握网页布局技巧,并具备实际项目开发的能力。
韩顺平 PHP 从入门到精通笔记 本笔记涵盖了从 HTML 到 PHP 的知识点,总共 149 讲,涵盖了 HTML 基本结构、CSS 选择器、浮动、盒子模型、PHP 基本介绍、Apache 服务器安装和配置等知识点。 HTML 基本结构 HTML ...
【PHP从入门到精通_html+CSS笔记.rar_8V4_PHP从入门到精通 学习文档_php 学习】 这份压缩包文件包含了两份重要的学习资料,旨在帮助初学者掌握PHP编程语言及其与HTML和CSS的结合应用。PHP是一种广泛使用的服务器端...
HTML5和CSS3是现代网页开发的基石,它们极大地提升了网页设计的灵活性和表现力。在JavaWeb前端开发中,熟练掌握这两项技术...通过阅读"HTML5+CSS3从入门到精通1.pdf"这份文档,你可以系统地学习并掌握这些关键知识点。
在早期网页设计中,表格`<table>`常用于布局,但现在更多使用CSS来控制页面布局。 **PHP核心概念(未展开)** 虽然主要讲述的是HTML,但笔记也提到了PHP。PHP是一种服务器端脚本语言,常用于网页开发,能与HTML无缝...
在学习过程中,参考传智播客黑马程序设计培训的课程笔记,你可以逐步掌握`div+css`布局的精髓。通过实际案例和练习,不断实践和调试,你会逐渐精通这种布局方式,并能够创建出符合现代网页标准的精美页面。同时,...
- **使用DIV+CSS布局**:推荐使用DIV+CSS进行网页布局,这种布局方式更加灵活,也更易于搜索引擎索引。 - **必要标签**:网页中不应缺少重要的HTML标签,如Title、MetaDescription、Heading、Strong、Alt等,这些...
了解前端概念,掌握编程规 范,学会HTML必用标签并且能 自定义标签,精通css底层原理 熟练使用达成精准化布局,为后 续课程打下坚实的基础;深入浅出ECMASCRIPT 部分,完全搞懂js底层原理,为 前端工作和技术上进阶...
CSS,即层叠样式表(Cascading Style Sheets),是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。...通过不断实践和学习,你可以从初学者逐步成长为精通CSS的大神。
### 韩顺平PHP从入门到精通笔记知识点解析 #### 一、HTML与CSS基础 **1. HTML概述** - **定义**: HTML (HyperText Markup Language) 是一种标记语言,用于创建网页。 - **作用**: 主要用来展示网页内容,如文字、...
HTML文件的基本结构包括`<html>`、`<head>`和`<body>`标签,其中`<head>`存储元数据,如CSS样式,而`<body>`包含实际的网页内容。 HTML元素由开始标签和结束标签组成,如`<b></b>`表示加粗文本。有些元素是单标记,...
在IT领域,CSS(Cascading Style Sheets)是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的样式语言,它为网页带来了丰富的样式设计和布局控制。...持续学习和实践是成为精通CSS的大师的关键。
《韩顺平.php从入门到精通笔记1》涵盖了HTML基础知识,包括图片展示、表格布局、列表类型、框架使用以及表单元素的运用。这些知识点是构建动态网站的基础,特别是对于PHP初学者,理解和掌握这些HTML元素是进一步学习...