css学习笔记

css学习笔记（二）

阅读更多13，编写头部的css因为要将css文件定义在HTML文件头部的方法为内部样式表方法，所以下面举例说明怎么应用内部样式表方法在HTML文件的头部编写css（1）打开记事本，在记事本中输入如下一段普通的HTML代码，然后将代码文件以扩展名.html的形式保存实例代码：viewplain编写头部css文件编写头部css文件在HTML文件的头部应用内部样式表方法添加css（2）在上面代码中的与之
saybody·2011-07-22 13:00

css学习笔记（二）

13，编写头部的css 因为要将css文件定义在HTML文件头部的方法为内部样式表方法，所以下面举例说明怎么应用内部样式表方法在HTML文件的头部编写css （1）打开记事本，在记事本中输入如下一段普通的HTML代码，然后将代码文件以扩展名.html的形式保存 实例代码： view plain < html >    &l
saybody·2011-07-22 13:00

css学习笔记（一）

一 css样式表基础 1，css基本概念 css（cascading style sheet）即层叠样式表，简称样式表，要理解样式表的概念先要理解样式的概念，样式是对网页中的元素（字体，段落图像，列表等）属性的整体概括，即描述所有网页对象的显示形式（例如文字的大小，字体，背景及图像的颜色，大小等都是样式）。层叠，就是指当HTML文件引用多个css文件时，如果css文件之间所定义的样式发生
saybody·2011-07-22 13:00

css学习笔记（四）

三 文本的精细排版 1，调整字符间距letter-spacing 字符间距letter-spacing属性用来控制字符之间的间距，这个间距实际就是在浏览器中所显示字符间的空格间距，同时间距的取值必须符合长度标准 基本语法： letter-spacing:normal|长度 normal表示间距正常显示，是默认设置 长度包括长度值和长度单位，长度值可以使用负数 长度单位可以使用前
saybody·2011-07-22 13:00

css学习笔记（四）

阅读更多三文本的精细排版1，调整字符间距letter-spacing字符间距letter-spacing属性用来控制字符之间的间距，这个间距实际就是在浏览器中所显示字符间的空格间距，同时间距的取值必须符合长度标准基本语法：letter-spacing:normal|长度normal表示间距正常显示，是默认设置长度包括长度值和长度单位，长度值可以使用负数长度单位可以使用前面设置字体时介绍的所有单位实
saybody·2011-07-22 13:00

css学习笔记（四）

三文本的精细排版1，调整字符间距letter-spacing字符间距letter-spacing属性用来控制字符之间的间距，这个间距实际就是在浏览器中所显示字符间的空格间距，同时间距的取值必须符合长度标准基本语法：letter-spacing:normal|长度normal表示间距正常显示，是默认设置长度包括长度值和长度单位，长度值可以使用负数长度单位可以使用前面设置字体时介绍的所有单位实例代码：
neoxuhaotian·2011-07-22 10:00

css学习笔记（三）

二字体的设置1，设置字体在HTML中设置字体使用的标记的face属性，而在css中使用font-family属性来设置字体基本语法：font-family:字体1,字体2,....;应用font-family属性可以一次定义多个字体，而在浏览器读取字体时，会按照定义的先后顺序来决定选用哪种字体。若浏览器在计算机上找不到第一种字体，则自动读取第二种字体，若第二种字体也找不到，则自动读取第三种字体，这
neoxuhaotian·2011-07-19 20:00

css学习笔记（二）

13，编写头部的css因为要将css文件定义在HTML文件头部的方法为内部样式表方法，所以下面举例说明怎么应用内部样式表方法在HTML文件的头部编写css（1）打开记事本，在记事本中输入如下一段普通的HTML代码，然后将代码文件以扩展名.html的形式保存实例代码： 编写头部css文件 编写头部css文件 在HTML文件的头部应用内部样式表方法添加css （2）在上面代码中的与之间
neoxuhaotian·2011-07-17 11:00

css学习笔记（一）

一css样式表基础1，css基本概念css（cascadingstylesheet）即层叠样式表，简称样式表，要理解样式表的概念先要理解样式的概念，样式是对网页中的元素（字体，段落图像，列表等）属性的整体概括，即描述所有网页对象的显示形式（例如文字的大小，字体，背景及图像的颜色，大小等都是样式）。层叠，就是指当HTML文件引用多个css文件时，如果css文件之间所定义的样式发生了冲突，将依据层次的
neoxuhaotian·2011-07-17 09:00

css学习笔记

css学习 CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句： p {COLOR:#FF0000;BACKGROUND:#FFFFFF} ? 其中"p"我们称为"选择器"(selectors)，指明我们要给&quo
javatgo·2011-04-26 05:00

div+css学习笔记

第一章CSS样式控制页面方法:1.行内样式;2.内嵌式;3.链接式4.导入样式 第二章选择器的种类:1.标记选择器2.类别选择器3.ID选择器 选择器的嵌套:pb{ css的父子继承 第三章字体font-family字体大小font-sise文字颜色color文字粗细font-weight文字风格font-style:italic斜体字文字划线text-decoration:underline; 
yxwmzouzou·2011-03-16 18:00

CSS学习笔记

基本语法 一个样式(Style)的语法由三部分构成：Selector(中文叫选择器有点怪怪的，就用英文吧)，属性(Property)，属性值(Value)。 selector {property: value} 举个例子，下面的代码p就是selector，color就是属性，blue就是属性值。 p {color:blue} HTML中所有的Tag都可以作为selector。
baobaocao521·2010-11-26 23:00

CSS学习笔记( 一)

一css的引入1.链入外部样式表链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用标记链接到这个样式表文件，这个标记必须放到页面的区内，如下：…………2.内部样式表内部样式表是把样式表放到页面的区里，这些定义的样式就应用到页面中了，样式表是用标记插入的，从下例中可以看出标记的用法：……hr{color:sienna}p{margin-left:20px}body{background-i
hil2000·2010-11-02 09:00

DIV-CSS学习笔记

1.声明文档类型：XHTML1.0提供了三种DTD声明可供选择：a.  过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下：b.  严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如。完整代码如下： c.  框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页
hangzhou·2010-10-09 15:00

前端CSS学习笔记

最近团队的前端人员离职了，样式只能自己写，恶补了一点css。1、尽量编写语义良好的html标签，判断网页标签语义是否良好的方法：去掉样式，看网页结构是否组织良好有序，是否仍然有很好的可读性。2、尽可能少用无语义的标签div和span。3、在语义不明显，既可用p也可用div的地方，尽量用p。因为p在默认情况下有上下间距，去样式后的可读性更好，对兼容特殊终端有利。4、不使用纯样式标签，如b,font,
木子博客·2010-09-08 09:00

CSS学习笔记

1、一个元素不允许使用2个ID选择器，可以使用2个类选择器。 2、并集选择器 用“，”隔开。 3、后代选择器用空格隔开。 交集选择器的例子： <style> p{ color:blue; } p.s{ color:red; } .s{ color:green; } </style> <p>蓝色</p> <p
devilhand·2010-04-11 23:00

CSS学习笔记(五)

在编码代码的过程中或完成之后的检查过程中需要注意的一些问题   在设计页面时，应该注意DIV标签的滥用问题，当有一个标签能够很明确的表达该部分的结构的话，就没有必要用DIV，例如：在导航中，没有必要用DIV包裹ul。另外：h1~h6属于block，可以善加利用。 ___________________________________________________
shuxiang·2010-01-29 09:00

css学习笔记（1）

一、样式表 1.内联样式 <meta http-equiv="Content-Style-Type" content="text/css">  text/xsl   ①嵌入样式表 <head> <style type="text/css" media="scree
harvey415·2010-01-20 11:00

CSS学习笔记

div使用背景图案 <h1>div使用背景图案<h1> <div></div> div { background:url(heading2.jpg) no-repeat; width:250px; height:76px; } 文本替换 span和h2大小一样，用一张图片来替换文本，图片下载失败时自动显示文字
ace·2010-01-19 00:00

CSS学习笔记

div使用背景图案 <h1>div使用背景图案<h1> <div></div> div { background:url(heading2.jpg) no-repeat; width:250px; height:76px; } 文本替换 span和h2大小一样，用一张图片来替换文本，图片下载失败时自动显示文字
ace·2010-01-19 00:00

CSS学习笔记(六)

代码：  UntitledDocument $(function(){ //点击显示遮蔽层并动态设置遮蔽层的高度 $("button").click(function(){ $("#overlayer").css("display","block").height($(document).height()); }); }); body{ margi
shuxiang·2010-01-08 09:00

CSS学习笔记(四)

IE与Firfox的差异或BUG   子元素的上下外边界问题 (FF) 在父元素没有定义高度时(貌似定义了高度也不行)，子元素的上下外边界和父元素上下外边界叠加，并且显示在父元素外面。 解决方法 ： 给父元素定义内边距或边框 双边距BUG(IE) IE6或更早的版本有时会把已经应用到浮动元素的一个边距 尺寸翻倍。只有当边距与浮动在同一方向时才会出现
shuxiang·2010-01-07 11:00

CSS学习笔记(三)

 定位 静态定位：意味着内容遵循正常从上到下的HTML流。除非你要使前面一个已经创建的absolute、relative、fixed的定位样式失效，否则你不需要指定static。 固定定位：让HTML元素脱离文档流固定在浏览器的某个位置。固定元素是创建固定工具条或者在只有某种网页滚动的特定比例的地方复制HTML框架效果的好办法。 绝对定位：凡是采用position:absolute；之后，对象便开
shuxiang·2010-01-06 10:00

CSS学习笔记(二)

布局     由于电脑屏幕分辨率的不同以及浏览器大小的不同，造成了在布局的时候整个页面的大小的不确定，现有三种方法来解决这一问题，分别是：固定式布局；流式布局；弹性布局。   固定布局：使用以像素为单位定义的宽度，这种布局类型称为固定宽度的布局好处：宽度固定，可以对界面元素进行细致的控制，在浏览器伸缩的过程中，界面内容不会出现变化，如果浏览器的宽度少
shuxiang·2010-01-05 14:00

DIV+CSS学习笔记（一）标准与非标准

最近很想把SQL学起来，毕竟想要在网络管理方面有发展ERP是一个必须掌握的方面，ERP又和数据库是紧密相连的。想直接学习软件开发感觉难度很大，以前多多少少学了下html，所以想从网站开发入手，学习一下网站，更主要的是把数据库学起来。WEB标准：网页主要由结构、表现和行为三方面组成。结构化标准语言主要包括XHTML和XML;表现标准语言主要包括CSS;行为标准主要包括对象模型（如W3CDOMECMA
xueqinhe·2010-01-05 09:42

DIV+CSS学习笔记（一）标准与非标准

最近很想把SQL学起来，毕竟想要在网络管理方面有发展ERP是一个必须掌握的方面，ERP又和数据库是紧密相连的。想直接学习软件开发感觉难度很大，以前多多少少学了下html，所以想从网站开发入手，学习一下网站，更主要的是把数据库学起来。WEB标准：网页主要由结构、表现和行为三方面组成。结构化标准语言主要包括XHTML和XML;表现标准语言主要包括CSS;行为标准主要包括对象模型（如W3CDOMECMA
xueqinhe·2010-01-05 09:42

CSS学习笔记(一)

什么是文档流？  对一个网页而言，body元素下的任意元素，根据其前后顺序，组成一个个上下关系，这便是文档流。浏览器根据这些元素的顺序去显示它们在网页之中的位置。文档流是浏览器的默认显示规则。 什么是浮动？  float具有属性值（left\right\none），当设置了float属性后，浮动元素会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。为什么要清除浮动？ 
shuxiang·2010-01-04 15:00

CSS学习笔记

1.在CSS中加入事件的两种方式//此方式违反yahoo网页开发准则，不建议采用，且只有IE支持。 2009-12-10 .item{ event:e­xpression( onmouseover=function(){ }, onmouseout=funct
birdwindy·2009-12-10 17:00

css学习笔记2---张孝祥视频

Filter滤镜 参数: Alpha(Opacity-? ,FinishOpacity=? ,Style=?,StartX=?,StartY=?(渐变透明效果的开始坐 标),FinishX,FinishY) BlendTrans(Duration=?) Blur(Add=?,Direction(值45的整数倍，0表示垂直向上),Strength) Chroma(Color=(要过滤
codespace·2009-11-19 21:00

css学习笔记--张孝祥视频

设置css的几种方式 1.内联样式表（INLINE STYLES) <meta http-equiv="Content-Style-Type" content="text/css"> 2.嵌入样式表(Embeded style sheets) <head> <style type="text/css&qu
codespace·2009-11-18 10:00

CSS学习笔记

CSS学习笔记1、background相关：属性描述background简写属性，作用是将背景属性设置在一个声明中。
追求无止境·2009-11-16 13:00

CSS学习笔记

1、background相关：属性描述background简写属性，作用是将背景属性设置在一个声明中。background-attachment背景图像是否固定或者随着页面的其余部分滚动。background-color设置元素的背景颜色。background-image把图像设置为背景。background-position设置背景图像的起始位置。background-repeat设置背景图像是
jbm3072·2009-11-16 13:00

CSS学习笔记（六）

CSS-P是CSS的一个扩展，用来控制任何网页元素在浏览器文档窗口中的位置 position      absolute：绝对定位       relative：相对定位       static left、top、width、height Z-
zhang_liang_ran·2009-11-09 22:00

CSS学习笔记（五）

文本 word-spacing:单词之间的间距，值与font-size中值类似 letter-spacing：字符之间的间距 vertical-align：文本的垂直对齐方式     sub:下标      super：上标      top：与文本显示的区域顶端对齐 &n
zhang_liang_ran·2009-11-09 21:00

CSS学习笔记（四）

背景 background-color: 背景为透明(transparent)、背景颜色与字体color类似 例： <p style="background-color:transparent"></p> background-image:url() 例： p{background-image:url('http://test/log
zhang_liang_ran·2009-11-09 21:00

CSS学习笔记（三）

字体 font-family:例：<p style="font-family:宋体,'Arial'></p> 浏览器默认选择第一种语言，当第一种语言不支持时，就依次向后选择。 font-size:绝对大小：xx-small、x-small、small、medium、large、x-large、xx-large 相对大小：smaller,larger
zhang_liang_ran·2009-11-09 21:00

css学习笔记（二）

css中的选择器selector 选择器分为：html标签选择器、class选择器、id选择器、关联选择器、组合选择器、伪元素选择器 1.html标签选择器 例： <html>    <head>         <style>   
zhang_liang_ran·2009-11-07 02:00

css学习笔记（一）

   很久之前就开始接触css，但一直专注于业务层，渐渐的忽略了展示层的重要。直到最近接触政府的项目，才越发的感觉到界面美观的必要。因此现在开始系统的学习界面性的知识，并将学习笔记记录于此，一方面，为以后遗忘时有根可寻；另一方面，将自己的学习心得和过程写出来，和大家一起分享，与大家共同进步，如有错误或不周之处，还请各位仁兄海涵指正。进入正题...   CSS--
zhang_liang_ran·2009-11-07 01:00

HTML/CSS学习笔记

1.HTML结构答：                                          HelloWorldTest               HelloWorld!         整个页面分成三部分：   1)一行包括HTML版本信息的内容;   2)报头声明区域;   3)页面主要部分，包括页面的实际内容。2.基本的HTML标记答：1)Headings(标题):Thisis
jeulivy·2009-09-14 21:00

CSS学习笔记

Css选择器： 一、基本选择器 序号    选择器      含义  1.       *        通用元素选择器，匹配任何元素  2. &
caizhongda·2009-09-14 19:00

CSS学习笔记

Css选择器： 一、基本选择器 序号    选择器      含义  1.       *        通用元素选择器，匹配任何元素  2. &
caizhongda·2009-09-14 19:00

div+css学习笔记(一)

Font字体：Colorfont-family--字体font-size--字体大小font-style:normal|italic|obliquenormal:正常的字体italic:斜体oblique:倾斜的字体font-weight:normal|bold|bolder|lighter|numbernormal:正常的字体bold:粗体text-decoration:none||underl
ggf007·2009-09-13 10:00

CSS学习笔记录（1）

超链接的时候会使用到的：A:visited{ COLOR:#414141;TEXT-DECORATION:none;}A:hover{ COLOR:#ff0000;TEXT-DECORATION:none;}A:active{ COLOR:#414141;TEXT-DECORATION:none;}A:link{ COLOR:#414141;TEXT-DECORATION:none;}  固定宽度
hero82748274·2009-07-03 16:00

DIV+CSS学习笔记——一些DIV+CSS 命名规范

  2009年6月10号     外　套：　　wrap主导航：　　mainnav子导航：　　subnav页　脚：　　footet整个页面：　content页　眉：　　header页　脚：　　footer商　标：　　label标　题：　　title主导航：　　mainbav（globalnav）顶导航：　　topnav边导航：　　sidebar左导航：　　lef
myhongkongzhen·2009-06-10 11:00

div+css学习笔记(IE与fox好多不兼容的问题)

一直用ie为准做网页，今天到火狐官方网站下了个没有google插件的安装了（特别讨厌插件，而国内几乎下载不到没有google插件的火狐浏览器！） 打开一看，哇哈，终于来了，ff好多不兼容的问题来了。随便点击了下不兼容的问题就有上十个了。一个个慢慢解决，慢慢搜索。。。。。。。先把几个简单的整理分享一下。 1.最简单的鼠标移过手变型的css要改了 cursor:pointer;/*ff不支持cur
cuker919·2009-04-28 16:00

div+css学习笔记(IE与fox好多不兼容的问题)

一直用ie为准做网页，今天到火狐官方网站下了个没有google插件的安装了（特别讨厌插件，而国内几乎下载不到没有google插件的火狐浏览器！）打开一看，哇哈，终于来了，ff好多不兼容的问题来了。随便点击了下不兼容的问题就有上十个了。一个个慢慢解决，慢慢搜索。。。。。。。先把几个简单的整理分享一下。1.最简单的鼠标移过手变型的css要改了cursor:pointer;/*ff不支持cursor:h
cuker919·2009-04-28 16:00

div+css学习笔记(IE与fox好多不兼容的问题)

一直用ie为准做网页，今天到火狐官方网站下了个没有google插件的安装了（特别讨厌插件，而国内几乎下载不到没有google插件的火狐浏览器！） 打开一看，哇哈，终于来了，ff好多不兼容的问题来了。随便点击了下不兼容的问题就有上十个了。一个个慢慢解决，慢慢搜索。。。。。。。先把几个简单的整理分享一下。 1.最简单的鼠标移过手变型的css要改了 cursor:pointer;/*ff不支持cur
cuker919·2009-04-28 16:00

css学习笔记

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo
maofujun·2009-04-23 10:00

CSS学习笔记（二）

一、CSS单位   1、颜色       颜色用于设定字体以及背景的颜色显示，CSS中预设了16种颜色以及这16种颜色的衍生色，这16种颜色是CSS规范推荐的，而且主流的浏览器都能够识别它们。       对于浏览器不能识别的颜色名称，就可以使用需要颜色的十六进制值或RGB值。       在此，给一个颜色对照表的链接：颜色对照表   2、长度       1）绝对单位：英寸（in）、厘米（cm）
huwuling922·2009-04-12 23:00

CSS学习笔记（一）

一、CSS类型   在给页面或页面元素应用样式时，CSS提供了三种方式，即CSS的三种类型：类、标签、和高级。1、类   为了对网页格式的样式定义更为精确，有必要让相同的选择符（一般情况下为页面标记）也能分类，并能按照不同的类别进行不同的样式设计。类就是这样一种新的样式表示符，一句号（.）开头，并可以任意命名，如.title、.fontstyle等。它使CSS样式应用于选定的区域，若要在整个页面的
huwuling922·2009-04-09 22:00
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他