一些比较常用属性 font 字体 color 颜色 font-size 字体大小 text-align 文本位置 background 背景 margin 外补丁 padding 内补丁 border 边框 float 布局 下边是实例 CSS布局常用的方法：float:none|left|right 取值： none:?默认值。对象不飘浮 left:?文本流向对象的右边 right:?文本流向对象的左边 它是怎样工作的，看个一行两列的例子 xhtml代码： 这里是第一列 这里是第二列 /*这是违背web标准意图的，只...
第一天 XHTML CSS基础知识 http://www.aa25.cn/div_css/902.shtml 1.整个盒模型在页面中所占的宽度是由左边界+左边框+左填充+内容+右填充+右边框+右边界组成，而css样式中width所定义的宽度仅仅是内容部分的宽度。 第二天 一列布局 http://www.aa25.cn/div_css/903.shtml 1. css手册中说：块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不...
盒子模型的效果： 调整faceul的宽，可以调整每一排摆放的数目，调整div1的margin值，可以改变整体的位置，这是很有用的布局模式 =========================================================== html代码：
设置块级元素的 width 可以阻止它从左到右撑满容器。然后你就可以设置左右外边距为 auto 来使其水平居中。元素会占据你所指定的宽度，然后剩余的宽度会一分为二成为左右外边距。 div{ width: 600px; margin: 0 auto; } 唯一的问题是，当浏览器窗口比元素的宽度还要窄时，浏览器会显示一个水平滚动条来容纳页面。 在这种情况下使用 max-width 替代 width 可以使浏览器更好地处理小窗口的情况。 div { max-wid...
这几天开始学习JavaWeb了，还是挺有趣的，首先介绍了HTML（超文本标记语言Hyper Text Markup Language）、CSS（层叠样式表Cascading Style Sheets）、HTTP协议（超文本传输协议Hypertext Transfer Protocol）,我主要记录HTTP协议，这部分还是很重要吧。 第一点：HTTP协议是应用层协议，当你上网浏览网页的时候，浏览器和服务器之间就会通过Http在Internet上进行数据的发送和接收，HTTP是一个基于请求/响应模式的，无状态的协议 ...
自从发现可编程的css语法 Sass和基于Sass的css库compass 一个给我的感觉像c# 另外一个给我的感觉像.NET Framework，一切都为了提升开发效率和降低开发大型web的门槛。 当web开发趋势迈进WebApi+Js 时代，compass和Sass 会不会成为web开发的标配？这个得实际开发检验下. 预处理 当web站点变的越来越复杂。 先是html 复杂了----》动态编程语言解决方案 js复杂了---》jq和dojo 等解决方案 css现在也变的复杂了，但是css本...
今天开始，认真学习前端技术，哈哈哈~~~加油~~~ 推荐这本《CSS网站布局实录》（第2版）给初级入门选手，虽然这本书年代有点久远，不过很经典。 注明一下：这里讲述的CSS均为CSS 2.0版本。 第一章 Web标准与CSS布局概述 1.1 Web标准的历史及发展 1.1.1 Web标准 Web标准是由W3C(World Wide Web Consortium)和其他标准化组织制定的一套规范集合，包含一系列标准，包含了HTML、XHTML、JavaScript以及CSS等。 ...
第二章 XHTML与CSS基础 2.1 XHTML基础 XHTML是网页代码的核心内容，标准XHTML代码如下： 1 2 3 4 5 新建文档 6 7 8 9 10 对于这段代码，可以分为几部分来了解： 1. 这段代码以doctype开头，也成为文档类型制定代码，它是XHTML的格式标记，用来告诉浏览器，代码是什么类型的。 2. 标签，代表一个网页，是网页的第一个标签，表示谓语这对标签之间的内容属于html类型，浏览器便将其中的内...
第六章 CSS高级应用与技巧 6.1 id与class 6.1.1 什么是id id是XHTML元素的一个属性，用于标识对象名称。无论是class还是id，都是XHTML所支持的公共属性，并且也是其核心属性。class的主要功能是用来对对象的样式设置，而id除了可以定义样式外，还能够成为服务网站交互行为一个特殊标识。每一个被定义了id名称的对象，其id名字在每个页面有且仅能出现一次。 6.1.2 如何使用id 在不考虑使用JavaScript脚本，而是XH...
一、HTML图像 1、在HTML中，图像由标签定义。 指存储图像的位置。 2、alt替换文本属性 alt属性用来为图像定义一串预备的可替换的文本。 二、HTML表格 1、在HTML，表格由标签来定义。 每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义）。 字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表...
一、meta标签的组成 meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 1、name属性 name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。 meat标签的name属性语法格式是：＜meta name="参数" content="具体的参数值"＞ 。 其中name属性主要有以下几...
demo 源码 地址 https://github.com/qqqzhch/webfans compass 的表格提供了集中常见样式 表格边框 outer-table-borders($width, $color) 控制外边边框的尺寸和颜色 inner-table-borders($width, $color) 控制里面边框的尺寸和颜色 例如 .table1{ table { @include inner-table-borders(1px, #7a98c6); @include outer-table-borders(2px); }} 最外边行列（top left）字体 table-scaffolding 例如 ...
1．CSS静态滤镜样式 （filter）（只有IE4.0以上支持） CSS静态滤镜样式的使用方法：{ filter : filtername( parameters1, parameters2, ...) } Filter样式 简要说明 支持参数 alpha 设置图片或文字的不透明度 opacity、finishOpacity、style、startX、startY、finishX、finishY、add、direction、strength blur 在指定的方向和位置上产生动感模糊效果 add、direction、strength chroma 对所选择的颜色进行透明处理 color dropS...
reset 可以重置浏览器的的html的默认样式，因为各个浏览器对有些元素解析差别很大 通过重置样式可以让样式的浏览器兼容 更简单 使用方法简单 @import "compass/reset" layout 有几个常见的布局函数，我觉得挺管用，其他的都是用来写组建非常常用的 Sticky Footer 该模块提供了需要布置你的页脚，它坚持到页面底部的工具。 这个模块主要用于布局页脚，可以让页脚固定在页面的最底部，是一个比较常用的功能，而且有配套的...
参考 http://zachary-guo.iteye.com/blog/6051161. div+p 选择紧接在 元素之后的所有 元素。解释 : find p , p.prev = div 就ok! 2. [class~=flower] 选择 title 属性包含单词 "flower" 的所有元素。解释 : 注意是单词哦 class="abc xyz" abc这个算一个单词 3. [lang|=en] 选择 lang 属性值以 "en" 开头的所有元素。解释 : 注意所谓的开头一定要用 - 做分隔符 , class="en-yy" ok, class="en_yy" fail 4. [src^="ht...