DIV+CSS商业案例与网页布局精讲读书笔记（1）

最新推荐文章于 2026-06-23 23:18:49 发布

原创最新推荐文章于 2026-06-23 23:18:49 发布 · 938 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#css #读书 #div #xhtml #语言

#浏览器

收录于

本文深入探讨网页的构成要素，包括显示的内容、页面结构、表现形式及其与浏览器的交互。重点介绍了Web标准，涵盖结构标准语言（XHTML、XML）、表现标准语言（CSS）和行为标准（DOM、ECMAScript），并强调表现形式在网页设计中的关键作用。

1.网页构成

显示的内容，页面的结构，页面的表现控制，及显示页面的浏览器。内容是目的，结构是基础，表现是美观的关键。（而本人认为表现应该还在内容之上）

2.web标准

(1)结构标准语言（包括XHTML和XML）

(2)表现标准语言（包括CSS）

(3)行为标准（包括DOM,ECMAScript）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lilaisi

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

DIV+CSS商业案例与网页布局精讲读书笔记（6-1）

12-09

409

制作站点导航栏本节主要是理解CSS属性float. 1. 站点导航栏的分类（总体目的是讲究实用性、美观性、以及网站的特色）根据性质：框架导航栏、文本导航栏、图片导航栏根据位置：横排导航栏、竖排导航栏 2 CSS的浮动属性float 理解float属性，我们则需要先理解CSS网页布局理：就是按照HTML代码中对象声明的顺序，以流布局的方式来显示它。什么是流布局也就是将窗

1 条评论您还未登录，请先登录后发表或查看评论

【原】《DIV+CSS商业案例与网页布局开发精讲》读书笔记(1)

weixin_34281537的博客

06-18

112

1.Web标准：分为3个方面，结构标准语言（包括XHTML和XML）、表现标准语言（包括CSS）和行为标准语言（包括DOM、ECMAScript）。 2.结构标准语言： 1)XML:The eXtensible Markup Language的简写，具有强大的扩展性，用于网络数据的转换和描述。 2)XHTML:The eXtensible HyperText Markup Languag...

DIV+CSS商业案例与网页布局精讲读书笔记（2）

11-30

847

1.CSS的语法选择符{ 属性：属性值；} 如body{color:red;} 属性和属性值都很好理解, 主要是选择符，选择符有通配选择符、类型选择符、包含选择符、ID选择符、类选择符。下面是各类选择符的写法要求：（1）通配选择符和很多语言一样，“*”这个符号在CSS里代表所有，即通配选择器。通配选择器的作用是用于对元素的一种统一预设定（相当于我们写程序时给定义的变量一个

DIV+CSS商业案例与网页布局精讲读书笔记（6-2）

12-09

344

（2）当块一块二均设有float属性，且其值相反时，块一块二在同一行上并分部于外部层的左右。（3）当块一和块二均设float属性并且属性值同样时，块二跟块一在同一则，同一行上。而块一跟块二之间的间隔等于块一的margin和块二的margin之和，（4）当块一块二设置宽度时，块一块二的宽度之和不能超出外层宽度减去两个外层的内边距之和，再减去两个块一的外边距之和，再减去两个块

【前端】CSS

Elena's Blog

06-23

193

作用特点标签选择器能选出所有相同标签不能差异化选择类选择器能选出一个或多个标签根据需求选择，最灵活，最常用id 选择器能选出一个标签同一个 id 在一个 HTML 中只能出现一次通配符选择器选择所有标签特殊情况下使用。

CSS 列表样式完全指南：从 list-style-type 到 list-style 简写

🧑‍💻 前端 · 写作中 📍 沉淀：HTML/CSS/JavaScript/Vue 📍 学习：React、微信小程序、Webpack、Vite 📍 目标：用输出倒逼输入，备战下次飞跃

06-20

314

本文系统讲解 CSS 列表样式：涵盖无序、有序、定义三种列表，详解 list-style-type、list-style-image、list-style-position三属性及 list-style简写。实战中最常用 list-style: none去除默认项目符号，配合 ::before或背景图实现自定义标记，是现代前端必会技能。

【CSS学习第七篇】

2301_77399671的博客

06-23

216

CSS学习第七篇

前端入门精讲｜18个CSS高频进阶知识

2602_95057108的博客

06-21

245

承接上一篇CSS基础核心知识点，本篇继续深挖CSS进阶高频考点，涵盖布局适配、样式初始化、文本溢出、文档流、盒模型、属性继承、宽度适配等重难点内容。这些知识点是解决页面布局错乱、适配bug、样式兼容问题的核心，也是期末考试、前端入门面试的高频考题。全文搭配原理解析、区别对比、实战代码、踩坑总结，细节拉满，轻松拿下高分。在网页开发中，底部导航、版权信息、悬浮按钮等模块，需要永久固定在页面底部，不受页面滚动影响，最优解决方案为fixed固定定位组合样式。八、元素固定在网页底部的实现方案。

初级打字母练习游戏，让学习有点乐趣

shisongyuan的专栏

06-22

618

给自己家孩子编写的分享出来，希望你帮助给多孩子完成高考后，熟悉电脑。

05_CSS制作简易12306网页

人生得意须尽欢

06-23

225

本文介绍了12306网站导航栏和服务栏等的HTML/CSS实现方法。

Cesium CSS 元素教程

2201_75964656的博客

06-21

226

详解 Cesium.js CSS 元素：基于 WebGL 实现「CSS 元素」可视化效果，附完整可运行源码，涵盖 Cesium 等关键实现，附完整源码与在线 Demo，适合 Cesium 基础学习与二次开发。

CSS 边框（border）完全指南：三要素、四值规律与简写写法

🧑‍💻 前端 · 写作中 📍 沉淀：HTML/CSS/JavaScript/Vue 📍 学习：React、微信小程序、Webpack、Vite 📍 目标：用输出倒逼输入，备战下次飞跃

06-23

303

本文详解CSS边框核心用法：解析border-width/style/color三要素与“上右下左”四值规律，掌握border与border-xxx简写技巧，避开常见误区，助你高效控制盒子边框样式。

CSS overflow 属性完全指南：从溢出裁剪到 BFC 布局机制

🧑‍💻 前端 · 写作中 📍 沉淀：HTML/CSS/JavaScript/Vue 📍 学习：React、微信小程序、Webpack、Vite 📍 目标：用输出倒逼输入，备战下次飞跃

06-22

353

本文详解CSS overflow属性，对比visible、hidden、scroll、auto等值的差异，重点解析overflow:hidden触发BFC的机制，及其在清除浮动、阻止margin重叠等布局场景中的应用，助你掌握内容溢出与块级格式上下文的核心技巧。

vue实现三角抽象思维计算矩形面积

cf8833的博客

06-20

304

这篇文章摘要： Vue组件实现了一个可交互的直角三角形与内嵌矩形绘图工具。用户可通过控件调整直角三角形的两条直角边长度(AB和AC)以及内嵌矩形的宽度和高度比例。组件实时计算并显示三角形面积、矩形面积及其占比、斜边长度等几何数据。绘图功能使用Canvas API实现，包含网格背景、三角形和矩形的绘制、顶点标注和尺寸标注。关键特性包括：响应式数据绑定、实时图形更新、面积计算和百分比显示。当矩形顶点F位于斜边BC上时，满足宽度比例+高度比例=1的关系。

使用HTML写一个悬浮摄像头，可拖拽、放大、缩小

weixin_52803316的博客

06-13

878

这段代码实现了一个可拖拽、可调整大小的悬浮摄像头窗口。主要功能包括：1) 通过浏览器API调用用户摄像头并显示实时画面；2) 窗口可自由拖动位置；3) 提供8个方向的调整手柄，支持窗口大小调整并设置最小尺寸限制（160×120px）；4) 采用固定定位，始终悬浮在其他页面内容之上。界面为黑色圆角矩形，带有阴影效果，光标会根据操作区域自动变化形状，提供直观的交互体验。

html标签如何正确闭合_self-closing标签注意事项【介绍】

qq_41384740的博客

04-15

313

在 HTML5 中是 void element，它没有结束标签的语义，<img></img> 是非法的，浏览器会忽略

Java中间件治理里的网关鉴权中心优化策略

06-24

标题：Java中间件治理里的网关鉴权中心优化策略内容概要：聚焦性能优化、权限隔离、数据一致性与监控告警，讲解Java中间件治理里的网关鉴权中心优化策略的设计思路。 24直播网：htf6.cn 24直播网：m.ksjslh.cn 24直播网：shgsri.com 24直播网：gzfuzhengfun.cn 24直播网：m.jzjskj.cn

jdk1.8,win系统安装