111111111
CSS
响应式 Web 设计 - Viewport
什么是 Viewport?
viewport 是用户网页的可视区域。
viewport 翻译为中文可以叫做"视区"。
手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport... 阅读全文
CSS 布局 - 水平 & 垂直对齐
设置容器上下 padding 相同实现垂直居中和使用 line-height=height 实现垂直居中仅对单行文本有效,当文本行数超过单行时:
1)padding:文本仍然处于容器垂直居中的位置,但是容器... 阅读全文
CSS 语法
实例
查看 实例 1
查看 实例 2
CSS 实例
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值... 阅读全文
CSS 媒体类型
媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上,在纸张上,或听觉浏览器等等。
媒体类型
一些 CSS 属性只设计了某些媒体。例如 voice-family ... 阅读全文
响应式 Web 设计 - 框架
本章节为大家介绍响应式 Web 设计框架 Bootstrap。
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更... 阅读全文
CSS 背景
CSS 背景属性用于定义HTML元素的背景。
CSS 属性定义背景效果:
background-color
background-image
background-repeat
background-attachment
background-position
背景颜色
backg... 阅读全文
CSS 分组 和 嵌套 选择器
分组选择器
在样式表中有很多具有相同样式的元素。
h1
{
color:green;
}
h2
{
color:green;
}
p
{
color... 阅读全文
CSS 文本格式
汉字的间隔调节也是用 letter-spacing 来实现的。
因为中文段落里字与字之间没有空格,因而 word-spacing 通常起不到调整间距的作用。
文本格式
This text is styled with some of t... 阅读全文