1.基本语法规范分析一个典型css的语句： p {color:#ff0000;background:#ffffff} 其中"p"我们称为"选择器"(selectors)，指明我们要给"p"定义样式；样式声明写在一对大括号"{}"中；color和background称为"属性"(property)，不同属性之间用分号";"分隔；"#ff0000"和"#ffffff"是属性的值(value)。 2.颜色值颜色值可以用RGB值写，例如：color : rgb(255,0,0)，也可以用十六进制写，就象上面例子color:#FF0000。如果十六进制值是成对重复...
颜色和单位的使用颜色用颜色的名字表示颜色,比如:red 用16进制表示演示 比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255之间一般都用16进制表示颜色 单位px:像素,与分辨率设置相关. %相对于浏览器的百分之多少,可以对宽度width做设置,不可以对height做设置 文本样式(text)color:设置文本颜色 text-align:设置文本对齐方式center left right letter-spacing:字间距/字母间距 word-spacing:单词间距,有空格就设置,中文...
一、position：fixed锁定位置（相对于浏览器的位置），例如有些网站的右下角的弹出窗口。 示例：二、position：absolute绝对位置：1.外层没有position：absolute（或relative）；那么div相对于浏览器定位，如下图中b（距离浏览器右边框为50像素，距离下边框为20像素）。2.外层有position：absolute（或relative）；那么div相对于外层边框定位，如下图中bb（距离d的右边框50像素，距离d的下边框为20像素）。 示例：三、position：re...
CSS（Cascading Style Sheet，叠层样式表），作用是美化HTML网页。 /*注释区域*/此为注释语法 一、样式表 （一）样式表的分类 1.内联样式表和HTML联合显示，控制精确，但是可重用性差，冗余较多。例：内联样式表 2.内嵌样式表作为一个独立区域内嵌在网页里，必须写在head标签里面。p //格式对p标签起作用{样式；}3.外部样式表新建一个CSS文件，用来放置样式表。如果要在HTML文件中调用样式表，需要在HTML文件中点右键→CSS样式表...
由来 从事软件行业一晃也5年有余，之间参与过若干个基于web的项目，所以javascript和Html基本已经相当熟悉，最近对于web前端开发比较关注，分析后发现CSS的确是自己的弱项，于是决定再加强下。就开始啃本书吧：《CSS权威指南》，此处以及以后文章都将以学习该书为基础展开。 以下是第一章：“CSS和文档” 学习笔记 概念区分 替换和非替换元素 CSS起作用主要依赖于元素，但并非所有的元素都以相同的方式创建。比如，图像和段落...
格式标签： 1. 用来显示段落 2. 控制换行 3. 防止浏览器将过长内容自动换行显示 4 在这个标签队中的文本按照所进的效果进行显示 5、 在页面的水平方向上居中显示 6. 通知浏览器移动显示嵌套在里面的文本 或者图形 它有两个属性 behavior 和dierction behavior 的属性设置值可以为 slide scroll alternate dierction 的属性设置值可以为 up down letf right 7. 创建一个普通的列表 创建列表上...
顶级元素： 说明：顶级元素表现如块，属于高级块元素。 例如：html,body,frameset 块元素： 特点：独占一行，宽(100%)、高、行高、padding、margin可控div 常用于布局p 段落h1~h6 标题ol{li} 有序列表ul{li} 无序列表dl{dt,dd} 自定义列表table{tr,th,td,thead,tbody,tfoot,caption,col,colgroup} 表格form 表单pre 预文本格式address 地址blockquote 块引用fieldset{legend} 控件组hr 水平线menu{li} 菜单列表n...
优先级 important > 内联(1000) > id(100) > class(10) > element(1) > *通配符 css引入方式 方式一：在head里用link标签(推荐使用)方式二：在head里用style标签 some css 方式三：内联，在标签上用style方式四：@import@import url("xxx.css");link和@import的区别：1.兼容性：@import在IE5+支持，link全部支持2.DOM样式操作：link（可被js改变），@import（不可被js改变）3.加载顺序：@import必须放在最顶部，和l...
xml(extensible Markup Language) 的出现，结构化文档和数据有了一个通用的、科适应的格式，不仅仅应用在web上，也可以应用在任何地方。标准称为可能。 XHTML 是The Extensible HyperText Markup Language可扩展标识语言的缩写。在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。它实现HTML向XML的过渡。 CSS 是Cascading Style Sheets层叠样式表的缩写。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与...
xml(extensible Markup Language)的出现，结构化文档和数据有了一个通用的、科适应的格式，不仅仅应用在web上，也可以应用在任何地方。标准称为可能。 XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。它实现HTML向XML的过渡。 CSS是Cascading Style Sheets层叠样式表的缩写。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站...
上一个系列（Css基础学习?索引）我们介绍了Css的基础属性和使用，我们从现在开始讲解Css+Div布局的一些内容。大家准备好，我们要开始布局之旅了。如果你对Css还不是很熟悉的话，可以去看看我前面的几篇文章。 如果我们要进行Css的布局，那float（浮动）就是最为关键的一个属性了。浮动可以使你的块元素不遵守元素流的布局特性，如果不采用浮动，元素将一个接一个地往下排列。float属性有三个值：left、right和none，后面我们就会使...
DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。 CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。 HTML语言自HTML4.01以来，不再发布新版本，原因就在于HTML语言正变得越来越复杂化、专用化。...
1.设置容器外间距的magin标签的设置顺序是：上右下左 2. 在Css中引用其它CSS的方式是：@import url(“main.css”);在页面中 3. 以下会造成页面换行的div容器是（多选）： 4.请写出背景横向拉伸的css background-image:url("../images/ptjsw_69.gif") repeat-x center top; 5.请写出消除内容框（）与浏览器间的空行的css： 设置div样式 .div1{margin:0px 0px 0px 0px; height:100%;width:100%;} ...
margin:外边距，就是这个标签与其他标签之间的距离 padding：内边距，标签内部边距 为了各浏览器的兼容性，最好每次在css文件的顶部加入，只要用到标签就应该加入下面的重置 div,body { margin:0; padding:0; } display:block;可将内联元素变成块元素 float:left;浮动，可将块元素排在一行 clear:both 清除浮动 html标签：有序列表 ul 里面的项是 li，ul和li都是块状元素，所以一个元素一行，要并行的话就浮动就...
CSS命名规范一．文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；二．常用类/ID命名规范页 眉：header内 容：content容 器：container页 脚：footer版 权：copyright 导 航：menu主导航：mainMenu子导航：subMenu标 志：logo标 语：banner标 题：title侧边栏：sidebar图 标：Icon注 释：note搜 索：search按 钮：btn登 录：login链 接：l...