分享

CSS层叠样式表

 wangprince2017 2018-07-14

CSSCascading Style Sheets)是层叠样式表的意思,它是一种用来表现HTML XML等文件样式的语言。

CSS是能够真正做到网页表现与内容分离的一种样式设计语言。

 

(1)            内联样式,在元素标签内使用style属性指定样式,style属性可以包含任何CSS样式声明,如设置段落首行缩进:

内联样式.html

<!DOCTYPE html>

<html>

<head>

<title>内联样式</title>

</head>

 

<body>

<p style="text-indent:2em;color:red;bold:Italic">该段落首行缩进2em</p>

<p>该段落首行没有缩进。</p>

 

<p style="color:#FF0000; font-size:16px; text-decoration:underline">当当价:¥20.00</p>

 

<textarea name="textarea1" style="color:#00ff00" ></textarea>

</body>

</html>

 

 

(2)   内部样式表,在单个页面中使用<style>标签在文档的头部定义样式表,这种样式只能被定义它的页面使用,例如

(3)                      

3外部样式表,把声明的样式保存在样式文件中,当某个页面需要样式时,通过<link>标签或<style>标签连接外部样式表文件。外部样式表以.css作为文件扩展名,例如 styles.css

  下面标签引用外部样式表css\layout.css

    <link href="css\layout.css" rel="stylesheet"  type="text/css" />

(4)                        

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多