随笔分类 - css介绍
摘要:这里将一种YAHOO公司的一种YUI Grids CSS的布局思路,学习布局经验,先解决什么问题,再解决什么问题。 1.设定页面的宽度:通过使用width属性来固定准确的页面值,或者通过百分比来确定页面。如果使用数值,通常设置在900px左右。尽量不要低过700px,否则页面的主体就显得过于窄小了。
阅读全文
摘要:1.图像替换技术: 图像替换技术是指使用图像替换页面中文本的功能,类似与在页面中插入图像,只是这种方法更为方便,易于代码管理。通常来说,设计者习惯使用有意义的图像去替换一些标题,logo和某些特定的页面背景。看个代码例子: 这个例子使用了三张图片页面背景图像使用了dog.jpg。在body样式表中,
阅读全文
摘要:1.页面中的定位: 能够熟练地将层布局在页面中时,web设计一定会带给用户无限的乐趣。在第十章讲框模型时,就讲了position属性。基于这个属性的应用,可以将页面内容定位分成静态定位,绝对定位,相对定位,固定定位和浮动这五种方式。 1.静态定位: position默认情况下定义的便是static属
阅读全文
摘要:9.定制层的display属性:层的表现是通过框这种结构来实现的。框可以是块级对象也可以是行内对象。 Display属性就是用来控制其中内容是块级还是行级。定义为block则为kuai块级,inline则b表现wei为行级,默认情况是none。 0.css Hack:不同的浏览器基于不同的内核,对c
阅读全文
摘要:(附:White-space:pre可以是样式表里卖弄body的属性,作用是保持html源代码的空格与换行,等同<pre>标签。) Css样式表可以通过被封在层里的方式来限制页面所修饰的内容。这就是说,为了使样式表只对页面局部起修饰作用,设计者可以将页面的局部内容定义在某个范围之内,这个范围变称为C
阅读全文
摘要:9.框架集中页面之间的链接: 1.在指定的框架中打开链接,使用name属性给框架命名,target属性定义链接的框架。 (额这里的备注没有用html的) 10.框架内的锚点的链接:Name属性还可以实现框架内锚点的链接。(类似于之前的导航里面的id和name)<a href="12.html#aaa
阅读全文
摘要:框架指的是一种布局 1.创建窗口框架页面:有的网页,像论坛,就左侧是导航栏,右侧是论坛主体,单击左侧导航栏,则在右侧显示链接页面。这个布局是将浏览器分为左右两部分。 创建窗口框架的<frameset>和<frame>标签。使用<frame>标签在HTML 页面中设置框架,那么当一个浏览器被分为很多个
阅读全文
摘要:没有css之前,表格是最流行的布局页面方法。它表示一种布局页面的方法,不仅仅只是指单元格组成的表格。 1.制作普通表格:表格属于结构性标签,要用<table>来进行创建。 一个最简单的表格也需要具备表头/行和列的信息。<table> <tr> <th>Head1</th> <th>Head2</th
阅读全文
摘要:如果不确定浏览器中的字体,可以在指定的字体后面加备用字Font-family:“全新硬笔行书简”,宋体; 文本段落行高:可以使用line-height进行行高的设定。 其数值可以通过单位px,em和百分比来设定。1em和100%都表示正常的行距。 禁止文本自动换行:大部分互联网的页面都是禁止页面内
阅读全文
摘要:首先应该分清楚应用CSS样式表到HTML页面中和将css样式表绑定到HTML页面的对象,是两个不同的概念。像之前说的通过不同的选择器将样式表绑定到HTML页面中的对象,但其实使用的都是同一种方法应用css样式表到HTML页面中,这种方式成为嵌入样式表。而css中应用css样式表的方法共有四种,剩下的
阅读全文
摘要:样式表的写法: css的语法由一些标志构成,就是一个基本的样式表由选择器,属性和属性值构成。Css有标准的写法规则标准的css写法: h1 { Font-family:黑体;} h1:表示选择符Font-family:表示属性,这里的作用是定义字体"黑体":这里是属性值将属性和属性值结合在一起,这样
阅读全文
摘要:css是一个巨大的属性集合,作用是修饰页面内容和表现形式。 看一个使用css的例子: 可见css是先定义再使用。css样式表是用来表现页面样式的。而html只需要完成构建基础的页面结构。
阅读全文