网站建设 利用css实现文字旋转
许多流行的浏览器目前都支持旋转 html 元素的能务。即使是旧版本的 ie 浏览器(ie 5.5)好吧,让我们来看看的 html。
31 july 2009
.year {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:dximagetransform.microsoft.basicimage(rotation=3); } 许多流行的浏览器目前都支持旋转 html 元素的能务。即使是旧版本的 ie 浏览器(ie 5.5)好吧,让我们来看看的 html。
1、完全隐藏 在里加入 scroll="no",可隐藏滚动条; 2、在不需要时隐藏 指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条; 反之,则显示;3、样式表方法 在里加入 style="overflow-x:hidden",可隐藏水平滚动条;加入 style="overflow-y:hidden",可隐藏垂直滚动条。被包含页面里加入 有一段解释是这样说的:body{overflow-x:hidden;} 在标准 dtd 下是不可以的 4、另一种方法 <style type="text/"> body { overflow-x:hidden; overflow-y:hidden; } </style> <style type="text/css"> html { overflow-x:hidden; overflow-y:hidden; } </style>
作为一个前端开发人员,你要是没有听说过 css,那你肯定是一个“out-man”。随着 css 的深入人心,结构与表现与行为的逐渐分离,html 语义化成了炙手可热的卖点。 语义化的 html 首先要强调 html 结构 一个网页就好像一幢房子,html 结构就是钢筋混泥土的墙,一幢房子如果没有钢筋混泥土的墙那就是一堆废砖头,也就称不上是房子了。css 是装饰材料,是油漆,是用来装饰房子的。css 如果没有 html 结构那就什么也不是了,没有了实际使用价值。css 完全依靠引用它的 (x)html 文档。如果你想使 css 的能力发挥到极致,提供一个用既干净又有结构的 html 是非常必要的。 其实 html 中的标签都有他自身的含义,只是常常被忽视——就像表格一直充当着网页布局的角色。还好随着 css 的重现江湖,表格也终于回到他的本质工作——列表数据。它会告诉我们说:“这行是一个标题;这几行组成了一个段落;这些文字是项目列表……”在做前端开发的时候要记住:html 告诉我们一块内容是什么(或其意义),而不是它长的什么样子。 写语义化的 html 结构其实很简单,首先掌握 html 中各个标签的语义,在看到内容的时候想想用什么标签能更好的描述它,是什么就用什么标签。
这次,潜行者 m 给大家带来一个比较实用的 jquery 技巧,为你的网站添加一个纯代码画出来的、简洁美观的回到顶部按钮。这个按钮的效果就是,当页面滑动一段距离之后,就会浮现出来这个按钮,点击这个按钮之后,就自动滚动到顶部。 点击之后就会跳转到顶部,然后这个按钮平滑消失。与网上的相比,潜行者 m 版的是纯代码,加载速度更快,效果色彩控制好;代码精简,只有数条而已,拒绝大坨大坨的代码。废话不多说,下面就开始制作。 html 结构 我使用了 a 标签作为这个结构,可能不太标准,但是比较方便。在 a 标签中,内置了一个 span 标签,用来显示三角号。具体代码如下: 对,你没看错,就这么简单的一句代码,直接在 a 标签中,填写一个三角号。剩下的就是使用 css 进行样式控制。 css 代码 #gotop{ display:block; width:60px; height:60px; position:fixed; bottom:50px; right:40px; border-radius:10px 10px 10px 10px; text-decoration:none; display:none; background-color:#999999; } 上面这段代码,定义了 a 标签的外观样式,定义 display 为 block,这样,我们才能指定它的 width 和 height。定义 position 为…