CSS层叠样式表详细讲解(一)

 2023-03-07 20:38:49  阅读 0

一、什么是CSS

CSS是Cascading Style Sheets(级联样式表)的缩写。

二、可以用CSS做什么

 CSS是一种样式表语言,用于为HTML文档定义布局。

例如,CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。

HTML可以用于为网站添加布局效果,但有可能被误用。而CSS则提供了更多选择,而且更为精确、完善。现在所有浏览器都支持CSS。

三、CSS跟HTML的区别在哪里

HTML用于结构化内容;CSS用于格式化结构化的内容。 也就是CSS是装饰HTML的 采用CSS有哪些好处? 通过单个样式表控制多个文档的布局; 更精确的布局控制; 为不同的媒体类型(屏幕、打印等)采取不同的布局; 无数高级、先进的技巧。 可以灵活的更换网页风格

四、CSS工作原理

基本的CSS语法

用HTML设置红色作为网页的背景色: <body bgcolor="#FF0000">

用CSS设置红色作为网页的背景色 body {background-color: #FF0000;}

CSS 语法由三部分构成:选择器、属性和值: selector {property: value} 选择器 (selector) 通常是你希望定义的 HTML 元素或标签,属性 (property) 是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明

为HTML文档应用CSS,有三种方法可供选择。下面对这三种方法进行了概括。我们建议你对第三种方法(即外部样式表)予以关注。

方法1:行内样式表(style属性) 为HTML应用CSS的一种方法是使用HTML属性style。我们在上例的基础之上,通过行内样式表将页面背景设为红色:

<html>
  <head>
  	<title>例子</title>
  </head>
  <body style="background-color: #FF0000;">
      <p>这个页面是红色的</p>
  </body>
</html>

 

标签:

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码