编程笔记 html5&css&js 040 CSS盒子模型
编程笔记 html5&css&js 040 CSS盒子模型 一、CSS 盒子模型二、元素的宽度和高度三、最终元素的总宽度四、元素的总高度五、练习小结 网页是靠分成不同的块，再赋予这些块各不相同的属性来布局的。所以这个“块”是一个基础。先看块本身的构造。 一、CSS 盒子模型 CSS 盒子模型(Box Model)。所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使...
[HTML]Web前端开发技术13（HTML5、CSS3、JavaScript ）横向二级导航菜单 Web页面设计实例——喵喵画网页
> <li><a href="#">Flash文字特效</a></li> </ul> </li> <li><a href="#">div+css教程</a></li> <li><a href="#">HTML5教程</a></li> </ul></div></body></html> <!doctype html><html><head><meta charset="utf-8"><title...
编程笔记 html5&css&js 042 CSS颜色
编程笔记 html5&css&js 042 CSS颜色 一、CSS 颜色名二、CSS 背景色三、CSS 文本颜色四、CSS 边框颜色五、用颜色值指定颜色六、练习小结 指定颜色是通过使用预定义的颜色名称，或 RGB、HEX、HSL、RGBA、HSLA 值。 一、CSS 颜色名 在 CSS 中，可以使用颜色名称来指定颜色。CSS/HTML 支持 140 种标准颜色名。 二、CSS 背景色 您可以为 HTML ...
编程笔记 html5&css&js 041 CSS边框属性
编程笔记 html5&css&js 041 CSS边框属性 一、CSS 边框属性二、练习小结 一、CSS 边框属性 CSS border 属性允许您指定元素边框的样式、宽度和颜色。 border-style 属性指定要显示的边框类型。 允许以下值： dotted - 定义点线边框dashed - 定义虚线边框solid - 定义实线边框double - 定义双边框groove - 定义 3D 坡口...
编程笔记 html5&css&js 034 HTML MathML
编程笔记 html5&css&js 034 HTML MathML 一、HTML5 MathML二、看实例小结 一、HTML5 MathML HTML5 可以在文档中使用 MathML 元素，对应的标签是 <math>...</math> 。 MathML 是数学标记语言，是一种基于XML（标准通用标记语言的子集）的标准，用来在互联网上书写数学符号和公式的置标语言。 二、看实例 <!DOCTYPE htm...
编程笔记 html5&css&js 038 CSS背景
编程笔记 html5&css&js 038 CSS背景 一、CSS 背景属性二、CSS background-color三、不透明度 / 透明度四、使用 RGBA 的透明度五、CSS 背景图像六、CSS 背景重复CSS background-repeatCSS background-repeat: no-repeatCSS background-position 七、练习小结 一、CSS 背景属性 这些属...
编程笔记 html5&css&js 039 CSS背景示例
编程笔记 html5&css&js 039 CSS背景示例 一、html二、css小结 一、html 要在网页上实现三个水平并列且大小相同的div元素，每个尺寸为300像素宽和200像素高，整体居中显示且具有不同的背景颜色，你可以通过以下CSS来完成： 假设HTML结构如下： Html<div class="container"> <div class="box box1"></div> <div cl...
[HTML]Web前端开发技术12（HTML5、CSS3、JavaScript ）——喵喵画网页
ript特效</a></li> <li><a href="#">Flash特效</a></li> <li><a href="#">div+css教程</a></li> <li><a href="#">HTML5教程</a></li> </ul></div></body></html> <!doctype html><html><head><meta charset="utf-8"><title...
编程笔记 html5&css&js 036 CSS概述
编程笔记 html5&css&js 036 CSS概述 一、什么是 CSS?二、样式非常重要三、CSS 语法四、CSS 注释五、示例 一、什么是 CSS? CSS 指层叠样式表 (Cascading Style Sheets)。 样式定义如何显示 HTML 元素。 样式通常存储在样式表中。 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题。 外部样式表可以极大提高工作效率。 外部样式表通...
编程笔记 html5&css&js 036 CSS应用方式
编程笔记 html5&css&js 036 CSS应用方式 一、三种CSS应用方式二、外部 CSS三、内部 CSS四、行内 CSS小结 一、三种CSS应用方式 有三种插入样式表的方法： 外部 CSS内部 CSS行内 CSS 二、外部 CSS 通过使用外部样式表，您只需修改一个文件即可改变整个网站的外观！ 每张 HTML 页面必须在 head 部分的 <link> 元素内包含对外部样式表文件的引用。 外部样...