扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML
创新互联公司专注于企业营销型网站建设、网站重做改版、宜都网站定制设计、自适应品牌网站建设、H5开发、商城网站制作、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为宜都等各大城市提供网站开发制作服务。
(标准通用标记语言的一个子集)等文件样式的计算机语言。
有三种方法可以在站点网页上使用样式表:
外联式Linking(也叫外部样式):将网页链接到外部样式表。
嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。
内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。
在Dreamweaver 8中,可以在开始弹出框中点击新建CSS文件。也可以在最上面的菜单栏里占击
文件,新建。在弹出框中选择CSS文件就可以了。
有四种方式,行内样式,内嵌式,链接和导入式
行内呢是在标签里直接写,比如div
style="text-align:center;
width:750px;"
内嵌是写在head/head之间,例如:style
type="text/css"
!--
body
{margin:0
auto;padding:0;font-family:"宋体";font-size:12px;
color:#000000;text-align:center}
--
/style
链接和导入没有什么太大的区别,需要简历外部CSS文件,在GW中按ctrl+n有那选项
之后在页面head/head之间加入CSS文件所在路径调用,如下,link
href="CSS/CSS1.css"
rel="stylesheet"
type="text/css"
/
有三种方法:
行内样式 直接在标签里面添加style属性,在style属性里面写样式即可;
内部样式 在head标签里面通过style标签来写入内部样式;
外部样式 通过link标签引入外部样式表。
在制作一个网页的时候,Css样式的添加一共有四种方式,一起来看看这四种方式:
一、使用STYLE属性: 将STYLE属性直接加在个别的元件标签里。
元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}
例如:
TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%
这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』。
二、使用STYLE标签: 将样式规则写在STYLE.../STYLE标签之中。
通常是将整个的 STYLE.../STYLE结构写在网页的HEAD /HEAD部份之中。这种用法的优点就是在於整篇文件的统一性,只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。
三、使用 LINK标签: 将样式规则写在.css的样式档案中,再以LINK标签引入。
假设我们把样式规则存成一个example.css的档案,我们只要在网页中加入
LINK REL=STYLESHEET TYPE="text/css" HREF="example.css"
即可套用该样式档案中所制定好的样式了。 通常是将LINK标签写在网页的head/head部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。
四、使用@import引入: 跟LINK用法很像,但必 放在STYLE.../STYLE 中。
要注意的是,行末的分号是绝对不可少的!这种方式也可以把
即使用style属性,将CSS直接写在HTML标签中。 例如:p style=color:red这行段落将显示为红色。/p 注意:style属性可以用在body内的所有(X)HTML标签上,但不能应用与body以外的标签,如titlehead等标签。 二,嵌入式样式表(Embedded Style Sheets) 嵌入式样式表使用style/style标签嵌入到(X)HTML文件的头部中,代码如下: head style type=text/css !-- .class{ color:red;} -- /style /head 注意:对于一些不能识别style标签的浏览器,使用(X)HTML的注释标签!-- 注释文字 --把样式包含进来。这样源码天空 ,不支持style标签的的浏览器会忽略样式内容,而支持style标签的浏览器会解读样式表。 三,外部样式表(Link Style Sheets) 在head标签内使用link标签将样式表文件连接到(X)HTML文件中。 代码如下:
在网站的head头部中加入link标签即可引入,如下:
head
meta charset="UTF-8"
meta name="viewport" content="width=device-width, initial-scale=1"
title用户鉴权认证中心/title
meta name="keywords" content="" /
meta name="description" content="" /
link rel="stylesheet" type="text/css" href="/static/vendor/bootstrap/css/bootstrap.min.css"
link rel="stylesheet" type="text/css" href="/static/fonts/font-awesome-4.7.0/css/font-awesome.min.css"
link rel="stylesheet" type="text/css" href="/static/fonts/iconic/css/material-design-iconic-font.min.css"
link rel="stylesheet" type="text/css" href="/static/css/util.css"
link rel="stylesheet" type="text/css" href="/static/css/main.css"
/head
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流