1.CSS简介 css的主要使用场景就是美化网页,布局页面的。 1.HTML的局限性 HTML只关注内容的语义,如<h1>,这是一个标题<p>,这是一个段落<table>,这是一个表格,<a>这是超链接,HTML虽然说是网页的基础,但是其展示的内容乏味,不具有吸引力,可以做简单的样式,但是同时带来了 ...
分类:
Web程序 时间:
2020-01-24 14:30:37
阅读次数:
94
一.响应式布局:pc端用响应式布局较多 监测宽度变化给出不一样的网页布局 1.媒体查询 三种常用的媒体:all(所有媒体) screen(彩屏设备,手机 电脑) print(打印设备) 查询关键词: not only and(and两边要有空格) 媒体特性:min-width:500px 表示网页宽 ...
分类:
移动开发 时间:
2020-01-14 16:34:11
阅读次数:
119
作为一个美工烂到家的人,每次想写点网页都很痛苦。 备忘,待完善。 css: body { background-color: #f2f2f2; } .container { width: 90%; margin: 0 auto; } .top { text-align: center; backgr ...
分类:
Web程序 时间:
2020-01-02 17:17:17
阅读次数:
124
目标 记忆 能够说出 CSS 的布局的三种机制 理解 能够说出普通流在布局中的特点 能够说出我们为什么用浮动 能够说出我们为什么要清除浮动 应用 能够利用浮动完成导航栏案例 能够清除浮动 能够使用PS切图工具 1.1 CSS 布局的三种机制 网页布局的核心——就是 用 CSS 来摆放盒子 。 CSS ...
分类:
其他好文 时间:
2019-12-31 18:39:20
阅读次数:
77
01 HTML5基础 了解HTML5 新语义标签 网页布局结构标签及兼容处理 多媒体标签及属性介绍 新表单元素及属性 智能表单控件 表单属性 js ? document.querySelector("选择器"); 备注: 选择器: 可以是css中的任意一种选择器 通过该选择器只能选中第一个元素。 ? ...
分类:
其他好文 时间:
2019-12-31 12:45:22
阅读次数:
73
? HTML基本语法 认识网页 网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。 常见浏览器内核介绍 浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器。 ...
分类:
Web程序 时间:
2019-12-23 22:20:04
阅读次数:
129
网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各 ...
分类:
其他好文 时间:
2019-12-23 18:26:08
阅读次数:
80
https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常 ...
分类:
其他好文 时间:
2019-12-17 18:35:52
阅读次数:
85
网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式 ...
分类:
其他好文 时间:
2019-12-15 16:26:55
阅读次数:
99
Flex布局语法教程 网页布局(layout)是css的一个重点应用 布局的传统解决方案:基于盒状模型,依赖display+position+float属性。它对于那些特殊布局非常不便,比如,垂直剧中就不易实现 //传统解决垂直居中 <div class = "content"></div> <st ...
分类:
其他好文 时间:
2019-12-14 23:04:12
阅读次数:
98