HTML样式

如何使用样式
当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:
外部样式表
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在head部分通过<style>标签定义内部样式表。
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>内联样式
当特别的样式需要被应用到个别的元素时,就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何CSS属性。以下实例显示出如何改变段落的颜色和左边界。
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

标签             描述 
<style> 定义样式定义。 
<link> 定义资源索引。 
<div> 定义文档中的一个节。 
<span> 定义文档中的一个节。 
<font> 不赞成使用。请使用样式。 
<basefont> 不赞成使用。请使用样式。 
<center> 不赞成使用。请使用样式。 

时间: 2024-09-17 03:48:14

HTML样式的相关文章

利用PS图层样式制作绿色水晶立体字

效果图为比较常见的立体字,制作的时候可以先把文字复制多层,副本图层填充改为0,然后分别加上图层样式得到层次感比较好的水晶效果,再用错位的方法制作立体面即可. 最终效果 <点小图查看大图> 1.新建画布,大小并不固定,此教程是以1200 * 600为实例的. 新建图层,首先去做一个径向渐变,然后在此图层上设置图层样式,然后在此图层上方加一个暗角层(先将整个图层填充黑色,再用椭圆选框工具从中心拉一个椭圆,Shift + F6羽化选区,按Delete删除,适当调整不透明度). 2.建立新组命名为&q

利用PS纹理素材及图层样式制作墙壁裂纹字

裂纹字制作思路非常简单:选好相应的纹理背景,然后用图层样式给文字增加浮雕及初步的纹理效果,再用裂纹素材叠加到文字上面,并调好颜色即可. 最终效果 <点小图查看大图> 1.首先新建画布,大小:1200 * 600,将背景素材拖入到画布中去,然后将纹理图片放到背景图层的上方,图层模式为"正片叠底",并给纹理图层添加蒙版,擦除中间部分为文字效果留出空位,再为这两层添加一个图层组(选中这两个图层,然后快捷键Ctrl + G 即可). <点小图查看大图> <点小图查

利用PS图层样式制作火焰字技巧

用滤镜.涂抹工具.火焰素材等制作火焰字都非常不错.这里再介绍一种非常快捷的方法,直接用图层样式来制作.只需要把文字或图形图层多复制几层,分别设置相应的样式及混合模式,就可以做出同样完美的效果. 最终效果 <图1> 1.新建一个700 * 500像素的文档(大小可以自定),背景填充黑色. <图2> 2.选择文字工具,打上所需文字(字体选稍粗一点的,不一定要数字,汉子也可以),字体颜色选用白色,如下图. <图3> 3.双击图层面板文字缩略图调出图层样式,先设置投影,参数设置

通过脚本修改图层样式默认全局光角度

大家有没有碰到过这种情况: 当我们做UI效果图,在PS设置好投影内阴影角度什么的之后(我设的是90度),通过了,准备切图时,一导出到新文档,或者别人做好了把PSD文档发给你,你打开后发现角度全变成120度了,如下图:   为什么呢?因为这些投影在图层样式里是设置的"全局光",而全局光是不能更改的,默认就是120度,就算你在下面点"设置为默认值"还是没用,因为它只能保存距离.扩展.大小等参数,如下图: 那么我们完全可以把全局光给去掉,那么复制到新文档里或者其他人打开你

浅谈document.write()输出样式

  这篇文章主要介绍了浅谈document.write()输出样式,十分的简单实用,有需要的小伙伴可以参考下. js中的最基本的命令之一:document.write(),用于简单的打印内容到页面上,可以逐字打印你需要的内容--document.write("content"),这里content就是需要输出的内容;当然还有一种情况,需要输出JS之中比如变量等等变化的东西,那么就需要用document.write(+variable);当然variable就是你想要输出的变量. 既然可

用图层样式及画笔制作补丁上的牛皮字

教程由两部分构成:牛仔布补丁和牛皮字.两部分制作方法也非常类似,过程:先用选区等截取想要的纹理,用图层样式加上初步的浮雕效果,然后缩小选区,增加描边,缝纫的线条等即可得到初步的效果,后期再增加一些细节增强真实感即可. 最终效果 1.打开小牛皮. 2.顺便把牛仔布也放进去.

Silverlight重写控件样式

在实际开发应用中,Silverlight默认控件样式并不能满足我们所有的需求,特别是对华丽界面的构造,需 要对现有控件进行皮肤重写.WPF/Silverlight中使用xaml描述界面,类似Css,它们同样有Style和Template .目前微软开源工具包中集成的均是复杂类型控件,如何修改它们的样式确实难倒了不少朋友,那么本节以分 析为主,结合对常用的NumericUpDown控件向大家讲解如何对现有控件进行样式重写. 首先打开工具包中的示例项目: 接着找到NumericUpDownSampl

Sketch 插件介绍:Style Inventory(样式清单)

译者最近在做一个比较大的设计项目,才开始系统接触设计规范相关的内容,根据项目也需要生成一套样式清单供其他设计同事和研发团队使用.看到这款 Sketch 插件后发现有几个功能比较实用,比如能够一键汇总.导出所有项目/画板中所用到的颜色.字体样式信息.因此简单翻译了一下本插件开源地址的 Readme,希望有需要的朋友可以参考,原文地址如下:getflourish/Sketch-Style-Inventory · GitHub 注:原文页中有 gif 动图,因为专栏不支持动图显示,所以只截取了一帧,如

ie-IE浏览器样式错误的问题,求大神帮忙?

问题描述 IE浏览器样式错误的问题,求大神帮忙? 2C 为什么页面的样式在别的浏览器上显示正确,在IE浏览器上完全没有了样式,有什么可能啊,急需?? 解决方案 ie不完全兼容html5和css3 解决方案二: 你用的哪个版本的Ie;你可以向上或向下调调看看 解决方案三: 应该是不支持,兼容性问题吧.可以写下判断是那种浏览器,然后根据不同浏览器调用不同样式. 解决方案四: 什么样式,是颜色呢,还是排版 解决方案五: .bb{ background-color:#f1ee18;/*所有识别*/ .b

请问word2007样式的进度条的实现原理

问题描述 请问word2007样式的进度条的实现原理 请问word2007样式的进度条的实现原理,将tolbar和trackbar放在状态栏上是怎么实现的呢? 解决方案 http://www.jb51.net/article/71269.htm