网页技巧怎么编写CSS

2016-02-19 18:34 6 1 收藏

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享网页技巧怎么编写CSS教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - Web开发 】

    一种是把CSS文档放到<head>文档中:
 
  <style type=“text/css”> …… </style>

  其中<style>中的“type=‘text/css’”的意思是<style>中的代码是定义样式表单的。
 
  另一种方法是把CSS样式表写在HTML的行内,比如下面的代码:
 
  <p style=“font-size:14pt;color:blue”>蓝色14号文字</p>

  这是采用<Style=“ ”>的格式把样式写在html中的任意行内,这样比较方便灵活。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  还有一种方法是:把您编辑好的CSS文档保存成“.CSS”文件,然后在<head>中定义。定义的格式是这样的:

  <head> <link rel=stylesheet href=“style.css”> …… </head>

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  我们看到这里应用了一个<Link>,“rel=stylesheet”指连接的元素是一个样式表(stylesheet)文档。一般这里是不需要您改动的。
 
  而后面的“href=‘style.css’”指的是需要连接的文件地址。您只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式,从而减少了大量的冗余代码。

  本页主要介绍了编写CSS的方法以及如何把作好的CSS文档与HTML结合起来运用。您可以根据自己编写的HTML代码的结构、长度来选择用哪一种方法将CSS与之结合。

来源:http://www.tulaoshi.com/n/20160219/1618179.html

延伸阅读
标签: Web开发
在 CSS网页布局 开发中,会有很多小技巧,webjx.com相关的文章也有很多,但新手朋友往往对此很不熟悉。在某一两个小问题上,或许纠缠很长时间才能搞明白,虽然在的文档中,多次提及过这方面的内容,但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧,认真读一读,或许您并不能完全理解,您可以在进行搜索,扩展您所想要得到...
标签: Web开发
上一篇 CSS教程 文章:CSS高级技巧:文字环绕图片 布局 CSS至关重要的作用, CSS的设计初衷. CSS布局和几年前table横行时的布局又不太一样, 在结构化语义化的HTML文档后面, CSS在格式化文档的渲染效果, 把结构化文档用表现化语言来描述. 简而言之, 就是CSS不需要表现性标签! CSS布局技术依赖于三个基本概念: 定位, 浮动, margin操纵. 布局...
标签: Web开发
本文介绍的技术很经典,也算是一篇老文章了,相信很多人也都看过,之前神飞有注意到国内有些翻译,但是不全面,这里我就将其完整的翻译了一下。 你想制作漂亮的标题而不用将每个标题都做成图片吗?这里是一个简单的CSS技巧,它将向你展示使用一个png图片制作渐变文字的方法(纯CSS、无Javascript或Flash)。而你所需要的仅仅是在标题里面的一...
标签: Web开发
CSS隔行换色的问题,其实很简单,您可以根据您的需要,采用下面的任何一种方法,当然,要适合你的编码与需求情况: 一、background背景图片 如果行高固定的话,推荐使用背景图,也推荐将行高固定!兼容一切浏览器。 二、CSS Expression 文字:color:expression(this.sourceIndex%2 ? '#ff0000':'#000000')...
标签: Web开发
我们都熟知JavaScript可能会对Web页面的加载与显示产生较大的影响,因此我们常常关注JavaScript是不是会占用客户端较多的资源,然而大部分都会忽略的一件有趣的事情,CSS也会对Web页面载入的效率产生影响。 我们罗列了十几条相关的知识与注意点,大家可以系统的探讨一下,让我们编写的Web页面打开更加流畅。 请不要告诉我,你看...

经验教程

632

收藏

39
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部