救助:在静态网页上加CSS样式

html-css015

救助:在静态网页上加CSS样式,第1张

方法/步骤

<html> <div style="background:blue"></div></html>

以上是最简单的一种方式,可以在网页中直接加入,不过不能多代码的加入,只可以简单的几行代码的加入。

<html><style type="text/css"> div{ background-color: blue}</style> <div></div></html>

同在一个屋檐之下的一种表达方式,也是可以的,代码量可以加大,只是属于个人作品的一种表达方式,不是属于团队的开发之一。

<html><head> <link rel="stylesheet" type="text/css" href="baidu.css"></head></html>

使用上面的一种文档的方式,也是在企业中要用到的,不过CSS可能是用专人员来写,代码可以很长,也可以很细。

然后开发人员,可以直接使用的一种方式,团员开发的重点之重。

以上的三中方式,可能并不只是体现在差异性方面,更多的可能是开发时的实用性的一种主要体现。个人小程序可能也就不要分开来写;专业开发可能不必要文档;团队开发可能用文档比较专业一些,工作可能会更简单一些。

三种表达方式的总结说明:

空间表达:

内嵌

分层

外嵌

职业表达:

个人

私人

团队

分工表达:

简单

中等

难度

支持的。并且可以实现一下功能:

禁止背景图在网页中平铺

巧用CSS滤镜做图案文字

CSS实例:横线样式的输入框

巧用CSS控制鼠标样式变换

让字体美起来

用css美化表格边框

有关表格边框的css语法整理

Windows桌面风格页面制作点滴

代码的魔术:CSS 滤镜之旅

CSS 滤镜——Alpha 滤镜

CSS 滤镜——Blur 滤镜

CSS 滤镜—— FlipH, FlipV 滤镜

CSS 滤镜——DropShadow 滤镜

CSS 滤镜——Glow 滤镜

CSS 滤镜——Mask,Light滤镜

CSS 滤镜——Gray,Invert,Xray滤镜

CSS 滤镜——Shadow滤镜

CSS 滤镜——Wave 滤镜

风格各异的菜单

声音层叠样式表单

为主页添加一个漂亮的按钮

DHTML幻灯片播放程序

DIV下拉式菜单

现在还有更多的功能。

不懂的话,先买本书看懂些了再动手,一开始不要去碰这种自适应缩放布局,画个你这种框框隐藏二维码容易,但复制点的自适应你基础没打好会弄得失去信心的,先入门,把基础的问题、常见bug、兼容问题解决了来再搞这个。