【原创】HTML&CSS学习笔记(7) ----HTML网页设计的一些模式总结,我觉得很有必要
时间:2019-01-19
本文章向大家介绍【原创】HTML&CSS学习笔记(7) ----HTML网页设计的一些模式总结,我觉得很有必要,主要包括【原创】HTML&CSS学习笔记(7) ----HTML网页设计的一些模式总结,我觉得很有必要使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
网页格式总结的必要性
从《head first HTML与 CSS》学习,看html的顺便也看了几种网页格式,打算总结下书上的和自己平时接触的网页格式。我不能只是写点代码,如果想要理解html和css 头脑里得有一些好的网页设计格式,模板,范式等,才能更好的去想着怎么使用css css3等好效果。
毕竟html最终是为了实现,漂亮的有意思的网页,html和css代码并不是目的,只是工具和手段。
奔着目的去学习是不是更好些呢,这样学习起来才更有目标性。
经典格式总结
(1) 基本的元素的
页面流(默认模式)
流动
自动
绝对模式
相对模式
(2) 简书的BLOG格式
应该是BLOG的常用格式
这应该就书上写的所谓的凝胶模式,jello layout
liquid layout / 流体布局:
如果浏览器扩大,整个网页布局也会自动扩展,充满整个浏览器 显示区域
一般来说,默认的模式就这种
可能的坏处,就是可能因为自动扩展,可能格式会显得不好看,甚至乱了。
frozen layout / 冻结布局:
jello layout / 凝胶布局:
(2)cnblogs的格式
(3)
- 小姐姐教你做CTF逆向题:利用符号执行技术和约束求解器
- 「开篇」区块链技术指北
- 如何将CDH从企业版降级为免费版
- 文件上传漏洞的一些总结
- 任意文件下载引发的思考
- LSTM入门详解
- 如何将CDH集群JAVA升级至JDK8
- 如何将Kerberos环境下CDH集群JAVA升级至JDK8
- 干货|如何做准确率达98%的交通标志识别系统?
- 用57行代码搞定花8000万美元采购车牌识别项目
- Cloudera Manager Server服务在RedHat7状态显示异常分析
- 开源 | 基于Python的人脸识别:识别准确率高达99.38%!
- 转录组数据的基因表达变化情况探索
- 如何配置Kerberos服务的高可用
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- 【python-opencv】读取、显示、写入图像
- WSL——windows上的linux子系统
- 【python-opencv】读取、显示、保存视频
- 超级账本——Hyperledger Fabric
- 【python-opencv】绘图(目标检测框及其置信度等)
- 哈希表:哈希值太大了,还是得用set
- 哈希表:今天你快乐了么?
- 简单二分法查找(binary search)
- 【python-opencv】鼠标作为画笔
- npm 依赖管理中被忽略的那些细节
- 哈希表:map等候多时了
- 简单了解异步通信
- 哈希表:其实需要哈希的地方都能找到map的身影
- 哈希表:这道题目我做过?
- 哈希表:解决了两数之和,那么能解决三数之和么?