2016年11月_柯南道尔2606

翻译 CSS3 基础（015_媒体查询 - 示例）

原始网址：http://www.w3schools.com/css/css3_mediaqueries_ex.asp翻译：CSS3 媒体查询 - 示例（CSS3 Media Queries - Examples）CSS3 媒体查询 - 更多示例（CSS3 Media Queries - More Examples）请查看使用 media queries 的更多示例。我们以名

2016-11-09 19:54:06 914

翻译 CSS3 基础（014_媒体查询）

原始网址：http://www.w3schools.com/css/css3_mediaqueries.asp翻译：CSS3 媒体类型（CSS3 Media Queries）CSS2 中介绍的媒体类型（CSS2 Introduced Media Types）@media 规则出现于 CSS2，这使得对不同媒体类型定义不同样式成为可能。例如：你可能针对电脑屏幕、打印机、手持设备、电视类设备等等有各

2016-11-08 21:16:49 503

翻译 CSS3 基础（013_Flexible Box）

原始网址：http://www.w3schools.com/css/css3_flexbox.asp翻译：CSS3 Flexible BoxCSS3 Flexbox在 CSS3 中，flexible boxes 或 flexbox 是一种新的布局模式。当页面的布局必须适应不同的屏幕尺寸和不同的显示设备时，flexbox 的使用确保元素的行为可预见。对许多应用而言，fle

2016-11-08 20:55:01 1104

翻译 CSS3 基础（012_Box Sizing）

原始网址：http://www.w3schools.com/css/css3_box-sizing.asp翻译：CSS3 Box SizingCSS3 Box SizingCSS3 box-sizing 属性允许我们将内边距和边框包含在元素的总宽高之内。Browser Support表格里的数字代表对 CSS3 属性全面支持的各浏览器的第一个版本号。数字之后跟从

2016-11-07 22:38:07 424

翻译 CSS3 基础（011_用户接口）

原始网址：http://www.w3schools.com/css/css3_user_interface.asp翻译：CSS3 用户接口（CSS3 User Interface）CSS3 用户接口CSS3 有新的用户接口特点，例如 resizing elements、outlines 以及 box sizing 。本章，你将学习以下用户接口属性：resizeout

2016-11-07 22:15:53 375

翻译 CSS3 基础（010_多列布局）

原始网址：http://www.w3schools.com/css/css3_multiple_columns.asp翻译：CSS3 多列（CSS3 Multiple Columns）CSS3 多列布局（CSS3 Multi-column Layout）CSS3 多列布局对文本的多列定义来说是很容易的，它的效果如同报纸： html>head>style>.w3

2016-11-07 22:07:58 1073

翻译 CSS3 基础（009_按钮）

原始网址：http://www.w3schools.com/css/css3_buttons.asp翻译：CSS 按钮（CSS Buttons）学习使用 CSS 如何样式化按钮。基本按钮样式（Basic Button Styling）.button { background-color: #4CAF50; /* Green */ border: none

2016-11-07 21:43:27 457

翻译 CSS3 基础（008_图片）

原始网址：http://www.w3schools.com/css/css3_images.asp翻译：CSS 图片（CSS Images）学习使用 CSS 如何样式化图片。圆角图片（Rounded Images）使用 border-radius 属性创建圆角图片：img { border-radius: 8px;}html>head>s

2016-11-04 19:51:38 548

翻译 CSS3 基础（007_动画）

原始网址：http://www.w3schools.com/css/css3_animations.asp翻译：CSS3 动画（CSS3 Animations）CSS3 动画（CSS3 Animations）CSS3 animations 允许在不使用 JavaScript 或 Flash 的情况下对元素添加动画效果！html>head>style>#anima

2016-11-04 19:21:54 931

翻译 CSS3 基础（006_过渡）

原始网址：http://www.w3schools.com/css/css3_transitions.asp翻译：CSS3 过渡（CSS3 Transitions）CSS3 过渡CSS3 过渡允许你在给定的持续时间之内以平缓地改变属性值（从一个值改变为另一个值）。示例：鼠标指针悬停于下列元素之上以观察 CSS3 的过渡效果 <!DOCTYPE html><html><head><style>

2016-11-03 21:27:28 432

翻译 CSS3 基础（005_3D 变换）

原始网址：http://www.w3schools.com/css/css3_3dtransforms.asp翻译：CSS3 3D 变换（CSS3 3D Transforms）CSS 3D 变换CSS3 允许你使用 3D 变换（3D transformations）格式化元素。将鼠标指针移至以下元素，查看 2D 和 3D 变换的区别： html lang="en-

2016-11-03 20:51:08 487

翻译 CSS3 基础（005_2D 变换）

原始网址：http://www.w3schools.com/css/css3_2dtransforms.asp翻译：CSS3 2D 变换（CSS3 2D Transforms）CSS3 变换（CSS3 Transforms）CSS3 变换允许你对元素进行移动（translate）、旋转（rotate）、伸缩（scale）、倾斜（skew）。变换效果是，让元素改变形状、大小和位置。 CSS3 支

2016-11-02 21:10:13 986

翻译 CSS3 基础（004_文本）

原始网址：http://www.w3schools.com/css/css3_text_effects.asp翻译：CSS3 文本CSS3 文本CSS3 包含几个新的文本特征。在本章，你将学习到以下文本属性：text-overflowword-wrapword-break

2016-11-02 20:38:09 544

翻译 CSS3 基础（003_背景）

原始网址：http://www.w3schools.com/css/css3_backgrounds.asp翻译：CSS3 背景（CSS3 Backgrounds）html>head>style>#example1 { background: url("http://www.w3schools.com/css/img_flwr.gif") no-repeat

2016-11-02 19:33:47 796

翻译 CSS3 基础（002_边框图）

原始网址：http://www.w3schools.com/css/css3_border_images.asp翻译：CSS3 边框图（CSS3 Border Images）<!DOCTYPE html><html><head><style>#border_image_top { -moz-border-bottom-colors: none; -moz-border-lef

2016-11-01 21:21:48 616

翻译 CSS3 基础（001_圆角）

原始网址：http://www.w3schools.com/css/css3_borders.asp翻译：CSS3 圆角（CSS3 Rounded Corners）html>head>style>.w3-theme-border { border-color: #4caf50 !important;}.w3-codespan { backgro

2016-11-01 21:11:50 517

翻译 CSS 基础（026_计数器）

原始网址：http://www.w3schools.com/css/css_counters.asp翻译：CSS 计数器（CSS Counters）CSS 计数器是由 CSS 维护的“变量”，它的值能够根据 CSS 规则（追踪它们的执行次数）不断累加。计数器让我们可以基于内容所在文档的位置来调整它的外观。Automatic Numbering With Counters

2016-11-01 21:06:25 361

翻译 CSS 基础（025_表单）

原始网址：http://www.w3schools.com/css/css_form.asp翻译：CSS 表单使用 CSS 能够对 HTML 表单的外观进行极大地改善： html lang="en-US">head>meta http-equiv="Content-Type" content="text/html; charset=UTF-8">title>CSS

2016-11-01 20:30:28 359

翻译 CSS 基础（024_属性选择器）

原始网址：http://www.w3schools.com/css/css_attribute_selectors.asp翻译：CSS 属性选择器（CSS Attribute Selectors）样式化带有特定属性的 HTML 元素样式化具有特定属性或属性值的 HTML 元素是可能的。CSS [attribute] 选择器[attribute] 选择器选择带有特定属

2016-11-01 19:55:28 436

Google2606的博客