随笔分类 -  css介绍

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