HTML&CSS学习

OOCSS学习（一）

OOCSS —— 面向对象CSS 搜集一些该搜集的，然后汇总一下。 1.OOCSS 概念篇： 　　1）什么是面向对象 　　　　确定“对象”，并给这个对象创建CSS样式规则。 　　2）面向对象的CSS理论 　　　　OOCSS最关键的一点就是：提高他的灵活性和可重用性。这个也是OOCSS最重要的一点。 　　3）使用面向对象的CSS的理由 　　　　a.将我们的CSS样式更具有重用性 　
·2015-11-11 18:01

CSS学习进度备忘

书签：“CSS 高级”跳过；另外跳过的内容有待跟进__________________学习资源：W3School。_________________跳过的内容：1、“CSS id 选择器”的“XHTML:网站重构”链接没有看 2、“CSS 选择器”被列为高级教程部分，跳过 3、“CSS 属性选择器”底部的“CSS 选择器参考手册”跳过 4、“CSS 文本”的“CSS text-align 属
·2015-11-11 16:48

DIV+CSS学习笔记 之 CSS常用缩写语法

css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1；  property:value1 value2; 表
·2015-11-11 13:49

FlipView 在XMAL 中使用

    发现微软官方只提供了 html&;js的FlipView 使用。
·2015-11-11 13:50

js技巧『转』

Posted on 2006-04-01 16:05 torome 阅读(202) 评论(0)   编辑  收藏 引用 收藏至365Key 所属分类: JS&HTML
·2015-11-11 12:33

高质量的css学习笔记

怪异模式和DTD 为了确保向后兼容，浏览器厂商发明了标准模式和怪异模式两种方法来解析网页 在怪异模式中，width 包含padding + border ,在标准模式中 盒子由width 、border、padding组成 块级元素居中的方法， width + margin-left:auto | margin-right:auto; 怪异模式与DTD有关。如果漏写dtd,在ie中就会触发怪异模
·2015-11-11 00:57

CSS学习笔记

css应用到网页中的三种方式。 行间样式表：直接写在html代码里面的。 内部样式表：用<style>标签写在页面里面的 外部样式表：写在外部文件中的。   CSS选择器： 常用css选择器 选择器 语法 描述　 示例 标签选择器 E{ } 以文档元素作为选择符　 td{ font-size:10px; } ID选择器 #ID
·2015-11-10 22:37

CSS学习(19)--样式表规则

@import                    版本：CSS1/CSS2　 兼容性：IE4+ 语法：  @import  url (url) sMedia ;  说明： &
·2015-11-09 14:15

CSS学习(18)--伪类

:link                             版本：CSS1　 兼容性：IE4+ NS4+ 语法
·2015-11-09 14:15

CSS学习(17)--其它属性

cursor                         版本：CSS2　 兼容性：IE4+ NS6+　继承性：无 语法：  curso
·2015-11-09 14:14

CSS学习(16)--打印属性

page                            版本：CSS2　 兼容性：IE5.5+　继承性：有 语法
·2015-11-09 14:13

CSS学习(15)-- 滚动条属性

scrollbar-3d-light-color  版本：IE5.5+专有属性　继承性：有 语法：  scrollbar-3d-light-color : color  参数：  color : 　指定颜色。 说明：  设置或检索滚动条亮边框颜色。  示例：  1  div  { scr
·2015-11-09 14:13

CSS学习(14)--表格属性

border-collapse       版本：CSS2　 兼容性：IE5+　继承性：有 语法：  border-collapse : separate | collapse  参数：  separate : 　边框独立（标准HTML）rtl : 　相邻边被合并  说明：  
·2015-11-09 14:12

CSS学习(12)--内补丁属性

padding                      版本：CSS1　 兼容性：IE4+ NS4+　继承性：无 语法：  padding : length  参数：
·2015-11-09 14:11

CSS学习(13)--列表项目属性

list-style                     版本：CSS1　 兼容性：IE4+ NS4+　继承性：有 语法：  list-style : list-style-image
·2015-11-09 14:11

CSS学习(11)--边框属性

border                        版本：CSS1　 兼容性：IE4+ NS4+　继承性：无 语法：  border : bo
·2015-11-09 14:10

CSS学习(10)--外补丁属性

margin                        版本：CSS1　 兼容性：IE4+ NS4+　继承性：无 语法：  margin : au
·2015-11-09 14:09

CSS学习(8)--尺寸属性

height                         版本：CSS1　 兼容性：IE4+ NS6+　继承性：无 语法：  heigh
·2015-11-09 14:08

CSS学习(9)--布局属性

clear                           版本：CSS1　 兼容性：IE4+ NS4+　继承性：无 语法：
·2015-11-09 14:08

CSS学习(7)--定位属性

position                     版本：CSS2　 兼容性：IE4+ NS4+　继承性：无 语法：  position : static | absolut
·2015-11-09 14:07

CSS学习(6)--背景属性

background              版本：CSS1　 兼容性：IE4+ NS4+　继承性：无 语法：  background : background-color || background-image || background-repeat
·2015-11-09 14:06

CSS学习(5)--文本属性(下)

text-kashida-space  版本：IE5.5+专有属性　继承性：有 语法：  text-kashida-space : length  参数：  length : 　百分数。标示kashida膨胀与空格膨胀的比例。为100%，仅有kashida膨胀。为0%，仅有空格膨胀。缺省值为0%  说明：  设置或检索如何拉伸字
·2015-11-09 14:05

CSS学习(4)--文本属性(上)

text-indent                版本：CSS1　 兼容性：IE4+ NS4+　继承性：有 语法：  text-indent : length  参数：  length : 　百分比数字|由
·2015-11-09 14:05

CSS学习(3)--字体属性

font                             版本：CSS1/CSS2　 兼容性：IE4+ NS4+
·2015-11-09 14:04

CSS学习(1)--CSS简介

什么是样式表 CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 如何将样式表加入您的网页 你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。 1.链入外部样式表文件 (Linking
·2015-11-09 14:03

CSS学习(2)--CSS属性

在这只是列举出全部的属性，在以后的文章中将详细说明每一个属性！ 字体 Font    font                      &n
·2015-11-09 14:03

HTML&CSS_Basic_01

//JerryWeb //20150602 //HTML | CSS | Basic   ======= HTML&;CSS_Basic_01=======   #html
·2015-11-09 12:22

CSS学习遇到问题,注释问题

<!DOCTYPE HTML> <head>        <style type="text/css">            <!--h1em{color:red}-->&nb
·2015-11-08 15:42

CSS学习笔记之<盒子模型>

结构与表现相分离，这样设计才够简洁。网页包含三个层次（没错，它们都需要各自分离）：3layersHTML结构CSS表现JavaScript行为HTML结构层是网页最重要的基础。HTML标签给予内容含义。CSS表现层则是定义您的HTML该如何显示。JavaScript行为层为页面增加交互。不管如何，一个网页必需HTML结构层。没有HTML，没有网页。CSS和JavaScript都是可选项，旧的，无名
bgk083·2015-11-08 14:00

前端面试题(copy)

前端开发面试知识点大纲： HTML&;CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。
·2015-11-08 14:15

CSS学习笔记之<层叠>

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。作者：旧城链接：http://www.zhihu.com/question/20077745/answer/15630216来源：知乎CSS层叠是指CSS样式在针对同一元素配置同一属性时，依据层叠规则（权重）来处理冲突，选择应用权重高的CSS选择器所指定的属性，一般也被描述为权重高的覆盖权重低的，因此也称作层叠。每个CSS选择器都
bgk083·2015-11-08 14:00

CSS学习_属性选择器

CSS选择器参考 [attribute]——选取带有指定属性的元素； [attribute=value]——选取带有指定属性和值的元素； [attribute~=value]——选取属性值中包含指定词汇的元素； [attribute|=value]——选取带有以指定值开头的属性值的元素，该值必须是整个单词； [attribute^=value]——匹配属性值以指定值开头的每
·2015-11-08 13:27

GridView中数据格式化

GridView使用的BoundField与DataGrid使用BoundColumn不同，BounField提供了一个HtmlEncode属性，提供是否对数据进行HTML编码，降低了潜在的Html&
·2015-11-08 10:05

css学习（2）-- 常见的CSS属性和值

1、CSS中修饰字体的属性 属    性 描    述 属  性  值 font-family 字体族科 任意字体族科名称都可以使用例如Times、serif等，而且多个族科的赋值是可以使用的，中间用逗号分隔，以防止选择不存在的字体族科
·2015-11-07 14:42

css学习（1）-- 层叠样式表CSS的基础

一、什么是CSS            CSS是Cascading Style Sheets的简写，它除了可以轻松设置网页元素的显示位置和格式处，甚至还能产生滤镜，图像淡化，网页淡入淡出的渐变效果。        &
·2015-11-07 14:41

CSS学习_2_盒子

CSS2.1还包含outline属性。与border属性不同，轮廓绘制在元素框之上，所以它们不影响元素的大小或定位。因此轮廓有助于修复bug，因为它们不影响页面的布局。大多数现代浏览器（包括IE8）支持轮廓，但是IE7和更低版本不支持轮廓。 内边距、边框和外边距都是可选的，默认值为零。但是，许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的margin或padding设置为零来覆
·2015-11-07 12:49

CSS学习笔记_01

使用ID名标识页面上的单独元素（比如站点导航），ID必须是惟一的。 在整个站点上，ID名应该应用于概念上相似的元素以避免混淆。从技术上说，如果联系人表单和联系人详细信息在不同的页面上，那么可以给它们分配同样的ID名contact。但是，如果以后需要根据每个元素的上下文环境设置它们的样式，那么就会遇到问题。所以，使用不用ID名（比如contactForm和contactDetails）就会简单得多
·2015-11-07 12:48

HTML+CSS学习笔记（一）

一、HTML的概念 HTML：Hyper Text Markup Language 超文本标签语言 HTML：网页的“源码” 浏览器：“解释和执行”HTML源码的工具   二、HTML文件的基本结构   < html > < head > < title >我是标题 </ title > </ h
·2015-11-07 10:27

HTML+CSS学习笔记（二）

一、又一个行级元素--超链接<a>     1、<a>标签的基本语法和属性 < a  href ="链接地址"  target ="目标" ></ a >       2、绝对路径和相对路径的区别
·2015-11-07 10:26

说说CSS学习中的瓶颈

一、何为瓶颈？ “瓶颈”指瓶子的颈部，相对狭窄。这是很传神的一个词，因为狭窄，因此难以突破；但是，一旦突破了，就是广阔天空（偌大瓶身）！ 小弟不才，凑合画了个瓶颈示意图，如下： 图中，A → B → C → … 表示进阶，即相关技能的提升；①②③④则表示各个阶段要进入的瓶颈！这个适用于各行业，各学派。 杨过的武功学习与瓶颈我们都看过《神雕侠侣》，为便于理解，我就以“神雕大侠”杨过的武功成长
·2015-11-07 10:17

CSS学习笔记--列表

前面的也不再作总结了 后面的例子可以很好的总结前面的例子 慢慢的还是发现IE和其他浏览器间的区别 比如margin 和 padding 直接帖我练习的（其实我们在平时有很多功能都没有用过，从没有用过） html:  1  2 < html  xmlns ="http://www.w3.org/1999/xhtml&quo
·2015-11-07 10:49

CSS学习笔记（八）链接样式

1.简单链接样式 对链接最简单的方式是使用锚类型选择器： a {color:red;} 锚的内部链接 <p><a href="#mainContent">Skip to main Content</a></p> .... <h1><a name="mainContent">W
·2015-11-06 08:33

CSS学习笔记（十）对表单和数据表格使用样式

1. 对数据表格应用样式 普通的用表格展现的数据，一般会形成杂乱的布局，会使用户难以阅读 对表格内容用少量垂直和水平填充进行视觉分隔，主要的列标题通过一种精细的重复背景图像区别于数据，颜色交替的行帮助引导用户的实线在每个单元格之间水平移动，同时视觉上不会显得太混乱，为了进一步帮助读者，可以在每一行上应用鼠标停留效果 @ 1 表格特有的元素 　　#1 summary和caption 　　　
·2015-11-06 08:33

CSS学习笔记（七）阴影

1.简单CSS阴影 将一个大的阴影图像应用于容器div的背景，然后使用负值的空白边偏移这个图像，从而显出阴影。 <div class="img-wrapper"><img src="dunstan.jpg" width="300" height="300" alt="qixing&quo
·2015-11-06 08:32

CSS学习笔记（六）圆角框

1.固定宽度的圆角框 最容易的一种方式是：使用两个圆角图片，一个放在顶部，一个放在底部 <div class="box"> 　　<h2>Headline</h2> 　　<p>Content</p> </div> .box{ 　　width:418px; 　　background:url(
·2015-11-06 08:31

CSS学习笔记（四）浮动、定位和框模型

这些概念控制在页面上安排和显示元素的方式 1.框模型 他指定元素如何显示和如何相互交互， 页面上的每个元素被看作一个矩形框，这个框由元素的内容、填充、边框和空白边组成   填充出现在内容区域的周围，若在元素上添加背景，那么背景会出现在内容和填充组成的区域 因此，常常使用填充在内容周围创建一个隔离带，使内容不会和背景混在一起 添加边框会在填充区域外加一条边，可是实现
·2015-11-06 08:30

CSS学习笔记（五）背景图基础

body{ 　　background:url(pattern.gif); } 一般浏览器默认是水平或垂直地重复的现实这个图像 可以选择背景图像的平铺方式： 水平平铺：repeat-x 垂直平铺：repeat-y 不平铺：no-rpeat body{ 　　background: #CCC rul(pattern.gif) repeat-x; } 如果想在站点的每个标题上添加一个
·2015-11-06 08:30

CSS学习笔记（更新中...)

阅读: 1 评论: 0 作者: collinye 发表于 2010-03-03 22:02 原文链接 id和class到底要用哪一个？ 　　首先要明白id和class的各自的优缺点。这样才能根据他们的各自的特点进行使用。 id的优点（class的缺点）：id写在css用"#"选择器，class写在css中用"."选择器。"#"选择器的
·2015-11-05 08:42

HTML&CSS学习笔记

1：HTML介绍 HTML指的是超文本标记语言（Hyper Text Markup Language）,它不是一种编程语言，而是一种 标记语言——通过标签（Tag）来描述网页的。举一个简单的例子： 1 <html> 2 <head> 3 网页相关信息 4 </head> 5 <body> 6
·2015-11-05 08:29

css学习

1  相对定位是指相对于它的起点进行移动，相对定位被看作普通定位模型的一部分，因为元素的位置相对于它在普通流中的位置 2 绝对定位使元素的位置与文档流无关，不占据空间，普通文档流中其他元素的布局就像绝对定位的元素不存在一样，绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。 3 背景图片实现圆角框 4 图片替换文本技
·2015-11-02 18:37
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他