上一篇博客说的是伪类，这次我们来说说伪元素。先来补充一下上篇博客漏掉的一个伪类：:focus 伪类 (1)定义和用法 :focus伪类在元素获得焦点时向元素添加特殊的样式。注释IE浏览器不支持此属性。 (2)说明 这个伪类应用于有焦点的元素。 例如HTML中一个有文本输入焦点的输入框，其中出现了文本输入光标；也就是说，在用户开始键入时，文本会 输入到这个输入框。其他元素（如超链接）...
CSS伪类 CSS语法中伪类用于向某些选择器添加特殊的效果。常见的伪类有： (1)语法 伪类的语法： selector : pseudo-class {property: value} CSS 类也可与伪类搭配使用。 selector.class : pseudo-class {property: value} (2)锚伪类 在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问...
CSS样式包括：CSS背景，CSS文本，CSS字体，CSS列表，CSS表格，CSS轮廓等样式。我们就目前用到的 CSS样式简单地介绍一下。 下面只是总结性的一些东西，具体的可以参考：CSS样式教程 (1)背景色 background-color 设置背景颜色 可能的值： 颜色名称：如red,yellow,blue 十六进制颜色值：如#ffffff rg...
在CSS基础学习的篇章中，从第四篇博客开始说选择器，到昨天基本已经说完了。今天我们总结一下，选择器作 用：告知浏览器需要设置哪个dom元素的样式。最后来说说选择器一个重要的问题，选择器的优先级。判断优先级的 方法就是尝试！！！ 一简单选择器的优先级 简单的选择器包括我们在第四篇，第五篇，第六篇博客的元素选择器(标签选择器)，类选择器和id选择器。 我们来试验： CSS选择器优先级...
一CSS盒子模型概述 CSS盒子模型规定了元素框处理元素内容、内边距、边框和外边距的方式。一个完整元素包括内容(content)，内 边距(填充)(padding)，边框(border)和外边距(空白)(margin)。 盒子模型图： 元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。 边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。故背景应...
概念 块级：block 内联：inline 内联块级：inline-block 在html元素中，元素会有display属性 display属性默认值是block，那么该元素是块级元素。 display属性默认值是inline，那么该元素是内联元素。 没有元素的display默认值是inline-block。 display属性值可以被设置，比如可以把块级元素div的display的值设成inline，那么它就变成了内联元素，不再独行显示。 特征 1.块级元素 独占...
今天继续接着CSS盒子模型补充，CSS基础学习十三：盒子模型和CSS基础学习十四：盒子模型补充之display属 性设置都是介绍了盒子模型中的内容概括。开始今天的主题：外边距合并。 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合 并的外边距的高度中的较大者。 (1)外边距合并 外边距合并叠加是一个相当简单的概念。但是，在实践中对网页进行布局...
CSS盒子模型有很多的内容和属性，CSS也一直在更新和新增属性，今天我们来说说CSS3新增的盒子模型中的 边框中的内容，也就是border-radius属性。 border-radius属性设置元素的边框添加圆角，其实没有边框也可以添加圆角效果。但是要是显示出来，就必须增 加背景色或者边框。 可能的值：xpx；圆角是xpx，半径为xpx的四分之一圆。 语法格式为： border-radius:apx bpx cpx dpx; 顺时针。当a=b=...
我在 CSS基础学习十三：盒子模型的i博文只是阐释了CSS盒子模型，并没有过多的使用实例来演示。这篇博文 就来做一些盒子模型知识的补充。这一部分对于网页总体布局还是蛮重要的，过去大多数使用HTML中的table元素和 框架标签来进行网页的整体布局，现在我们使用最多的是DIV+CSS网页布局。所以一定要掌握好盒子模型，记住 content，border，padding和margin各自在盒子中的作用和使用方式。 先来看一个完整元素的盒子模...
CSS选择器 选择器{ 样式; } 每一条css样式声明（定义）由两部分组成，形式如下： 在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的、、、、。例如下面代码： p{font-size:12px;line-height:1.6em;} 上面的css样式代码的作用：为p标签...
继承 继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 CSS中存在一些不能继承的样式，如： border:1px solid red; 特殊性 同一标签设置不同的css样式，游览器根据标签权值来判断使用哪个CSS样式。...
css 样式由选择符和声明组成，而声明又由属性和值组成： 选择符： 又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。 声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示： p{font-size:12px;color:red;} 注意： ...
在我们开始学习CSS布局之前，先来了解一下文档流的概念。文档流即是HTML的布局机制，块级元素占一行， 行内元素不占一行。将窗体自上而下分成一行行，并在每行中按从左往右的顺序排放元素。 一CSS定位和浮动概述 CSS定位属性允许你对元素进行定位。CSS为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局， 将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。定...
HTML基本概念 HTML基本概念理解：（HTML）不是一种编程语言，而是一种描述性的标记语言。 完整的HTML文件包括标题、段落、列表、表格、绘制的图形以及各种嵌入对象，这些对象统称为HTML元素。 HTML基本标记 头标记.. 标题标记.. 元信息标记... 标签提供的属性及其取值如下表所示： 属性 值 描述 charset ...
背景: 最近公司开发BS架构的项目,公司主要业务也不是做BS开发的,没有项目经理,没有美工,没有前端,界面丑的不要不要的,哈哈哈 然后咧,使用asp.net用着用着,技术老大觉得界面怎么可以这么丑,不行换一个,换了一个叫devexpress的插件,这玩意用着是好看,可是相关的资源挺少的,查国外的资料也是很麻烦,新疆的网挂代理也慢的不行,而且大学的时候,网页设计的知识都还给老师了,导致好多js代码看不懂,还有AJAX回调机制是什么鬼,好像叫什么...