大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
有三种方法可以在站点网页上使用样式表:
我们提供的服务有:成都网站设计、做网站、微信公众号开发、网站优化、网站认证、克东ssl等。为上1000+企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的克东网站制作公司
1、外部样式:将网页链接到外部样式表。
2、内页样式:在网页上创建嵌入的样式表。
3、行内样式:应用内嵌样式到各个网页元素。
每一种方法均有其优缺点:
当要在站点上所有或部分网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表中修改一次,而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css 做为文件扩展名,例如 Mystyles.css。然后在需要此样式的页面中将其链接进来,如:
link href="/css/Mystyles.css" rel="stylesheet" type="text/css"/
当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的 HEAD 标记符内。嵌入的样式表中的样式只能在同一网页上使用。 如:
style type="text/css"
!-- /* 把声明的样式包含在一个html注释中,这样可以解决较老的浏览器不识别style的问题 */
body {background:grey;}
--
/style
使用内嵌样式以应用级联样式表属性到网页元素上。 如:
pstyle="@import url('style3.css');"CSS document/p
!-- 不能在style属性中使用@import --
如果网页链接到外部样式表,为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。
要在网页上使用外部样式表的样式,可将该网页链接到样式表,方法是使用位于 “格式” 菜单上的 “样式表连接” 命令。可以链接一个或数个样式表到网页视图模式下的当前网页,或到在文件夹列表中的所选网页,或到站点上的全部网页。
该“样式” 框列出标准 HTML 标记符,例如标题
1,还有嵌入的样式表或链接到网页的外部样式表中所含的类或 ID 选择器。要应用样式到网页元素,请选定该样式然后单击 “样式” 框中的样式或选择器。
在 Microsoft FrontPage 2000中,某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令(在 “格式” 菜单上)在普通段落周围应用框,FrontPage 会写下格式设置信息,作为段落标记符的内嵌样式属性(例如∶ p style="border-style: solid")。然而某些属性的应用需要使用 CSS,其他则需要使用 HTML 。如果人们只想使用 CSS 应用内嵌样式,可使用 “样式” 按钮(位于网页元素的 “属性” 对话框里)应用类或 ID 选择器或嵌入式样式。
CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。
css样式表主要内嵌样式,内部样式表,外部样式表
css样式基本结构选择器,属性,属性值
(1)引用外部css文件:
在html文件的头部插入link rel="stylesheet" type="text/css" href="***.css" /
例如:html
head
title标题/title
link rel="stylesheet" type="text/css" href="mycss/style.css" /
/head
body
................
/body
/html
若是在xml中,可在声明区插入? xml-stylesheet type="text/css" href="***.css" ?
(2)内部定义样式块:
在html文档的头部插入标记style.../style块
例如:html
head
title标题/title
style
!--
body{font:8pt "Arial"}
h1{font:15pt "Arial";font-weight:blod;color:maroon}
--
/styel
/head
body
................
/body
/html
(3)内联定义:
在对象标记里面使用style属性定义其样式:
例如:p style="margin-left:0.5in;margin-right:0.5in"...../p
CSS即层叠样式表(Cascading Style Sheets),是一种用来表现HTML或XML等文件样式的计算机语言。
CSS样式主要包含以下三种类型:
1、行内样式(内嵌样式):结构的内部,即写在标签内的样式;写在标签的开始部分内部,style属性当中。
例:标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"/标记
2、内部样式(内联样式):写在HTML页面内部,存放于head标记当中,样式写在style标记内。
例:style选择器 {属性名:属性值;属性名:属性值;......}/style
3、外部样式(外联样式):写在css文件内。
例:link type="text/css" rel="stylesheet" href="css/main.css" /
扩展资料:
使用CSS样式的优点:
CSS有助于实现负责任的Web设计。CSS对开发者构建Web站点的影响很大,并且这种影响可能是无止境的。将网页的大部分甚至是全部的表示信息从HTML或XML文件中移出,并将它们保留在一个样式表中有诸多优点,如降低文件大小、节省网络带宽以及易于维护等。
此外,站点的表现信息和核心内容相分离,使得站点的设计人员能够在短暂的时间内对整个网站进行各种各样的修改。
CSS简化了网页的格式代码,外部的样式表还会被浏览器保存在缓存里,加快了下载显示的速度,也减少了需要上传的代码数量(因为重复设置的格式将被只保存一次)。
只要修改保存着网站格式的CSS样式表文件就可以改变整个站点的风格特色,在修改页面数量庞大的站点时,显得格外有用。这就避免了一个个网页的修改,大大减少了工作量。
参考资料来源:百度百科-CSS