售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 行业新闻

网页CSS样式设计

网站编辑:小润 | 发表时间:2019-01-18 15:49:58

网页CSS样式设计


 
任务准备
 
.什么是css
 
csss是Cascading Style Sheets(层叠样式表单)的简称。一般称为样式表,它是用于控制网页样式的一种标记语言。

CSs是1996年由W3C审核通过并推荐使用的。它以HTML语言为基础,提供了丰富的格式化功能,如字体、颜色、背景和整体排版等,网页设计者可以针对各种可视化浏览器设置不同的样式风格,包括显示器、打印机、打字机、投影仪和PDA等。
 
    使用样式表将极大地提高工作效率,样式表定义如何显示HTML元素,通常保存在外部的.css文件中。通过编辑一个简单的CSs文档,使你有能川司时改变站点中所有页面的布局和外观。
 
如何编辑CSs

CSs文件与HTML文件一样,
 
都是纯文本文件,因此一般的文字处理软件都可以对CSs进行编辑,如记事本、UltraEdit等。

Dreamweaver在代码模式下对HTML、CSS、Javascript等代码有着非常好的语法着色和语法提示功能。
 
在编写具体CSS代码时,按回车键或空格键都可以触发语法提示。如果对代码样式不是很熟练,还可以使用Dreamweaver  CSS面板来定义CSS样式。
 
3.如何将CSs应用到文件上
 
将样式与HTML结合共有四种方法,别是内联样、内部样式表、外部样式表和导入样式。
 
内联样式:在<body>内部的元素中使用<style>定义CSS,如<h3 style="">;
 
内部样式表:在文档<head>中用<style type="text/css"></style>定义;
 
外部样式表:使用<link>元素链接到外部的样式表单。<link rel="stylesheet"href="style.css">;
 
使用CSS "@import"标记来导入样式表单。
 
    (1)内联样式。内联样式是所有样式方法中最为直接的一种,它直接对HTML的标记使用style属性,然后将CSS代码直接写在其中

<html>
 
<head><title>内联样式</title></head>
 
<body>
 
<p style="color:#FF0000;font-size:12px">内联样式举例</p>
 
<p style="backgrouand:#0099FF">内联样式举例</p>
 
<img scr="img.jpg"border="2">
 
    然而使用这种方法存在很大的限制,即所有的边框都只能是黑色,而且风格十分单一,都是实线,只是在边框粗细上能够进行调整。如果希望更换边框的颜色,仅依靠HTML都是无法实现的。
 
    在CSS中可以通过边框属性为图片添加各式各样的边框。在CSS中,一个边框由3个要素组成:border-style用来定义边框的样式,如虚线、实线或点线等;border-width用来定义边框的粗细;用border-color定义边框的颜色。
   
 

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130