CSS
iteye_6296
这个作者很懒,什么都没留下…
展开
-
精通CSS:第2章 可视化格式模型
第2章 为样式找到应用目标 选择器 常用选择器 1 类选择器 2 后代选择器 第三章 可视化格式模型 3个最重要的CSS概念是浮动、定位、盒模型,这些概念控制在页面上安排和显示元素的方式 3.1 盒模型概述 外边距叠加 外边距:当二个或更多垂直外边距相遇时,它们将形成一个外边距。这个外边距的高度等于二个发生叠加的外边距的高度中的较大者。 ...原创 2015-11-18 17:34:32 · 113 阅读 · 0 评论 -
精通CSS:第4章 背景图像效果
简单的链接样式 链接伪类选择器 :link 用于寻找没有被访问过的链接 :visted 用于访问被访问过的链接 :hover 动态伪类选择器用来寻找鼠标悬停处的元素 :active 动态选择器用来寻找被激活的元素 <style type="text/css"> a { text-decoration: none; } a:l...原创 2015-11-18 17:39:27 · 98 阅读 · 0 评论 -
精通CSS 第8章 布局
所有css布局技术的根本都是3个基本概念:定位、浮动和外边距操作。 8.1 计划布局 要想创建可伸缩且容易维护的css系统,首先应该检查设计,寻找重复的模式,这包括页面结构中的模式或在站点中元素反复出现的方式。 8.2 设置基本结构 使用margin:auto 让设计居中 <!DOCTYPE html> <html lang="en"> ...原创 2015-11-18 17:54:14 · 119 阅读 · 0 评论 -
CSS样式表
1 使用css样式的方式 html <!DOCTYPE>声明 html4 html5 <!DOCTYPE> 内联样式表<body style="background-color: seagreen;margin: 0;padding: 0;">嵌入式样式表<style type="text/css"></st原创 2015-11-18 17:56:28 · 99 阅读 · 0 评论 -
多行多栏布局
每一栏中的间距要依靠内部div,水平间距是由内部div左右外边距生成的,它们把这个div压缩了一下,这才使内容远离了父元素article 。 而每一栏中的垂直间距是由父元素的内边距生成的。为什么要用父元素呢?就是在父元素没有上、下边距的情况下,子元素的上下边距会折叠的。 <!DOCTYPE html> <html lang="en"&g...原创 2015-11-21 00:08:37 · 219 阅读 · 0 评论 -
CSS设计指南 5章 页面布局
5.1 布局的基本概念多栏布局有三种基本实现方案:固定宽度、流动、弹性固定宽度固定宽度布局的大小不会随用户调整浏览器窗口大小变化,一般是900到1100像素宽度。其中960像素是最常见的,因为这个宽度适合所有现代浏览器。960 Grid http://www.960.gs流动布局流动布局的大小会随用户调整浏览器窗口大小而变化。这种布局能够更好地适应大屏幕,但同时也意味着放弃对页面某些方面的控...原创 2015-11-21 01:07:13 · 171 阅读 · 0 评论