CSS基础一

一、CSS 可以通过以下方式添加到HTML中:

1.内联样式- 在HTML元素中使用"style"属性

要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style 属性可以包含任何 CSS 属性。

本例展示如何改变段落的背景颜色:

2.内部样式表-在HTML文档头部 <head> 区域使用<style>元素来包含CSS

当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表,就像这样


3.外部引用-使用外部 CSS文件

当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 <link> 标签在(文档的)头部:


浏览器会从文件mystyle.css中读到样式声明,并根据它来格式文档。

外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的html标签。样式表应该以 .css 扩展名进行保存。

不要在值与单位之留有空格(如:"margin-left: 20 px" ),正确的法是 "margin-left: 20px" 。

最好的方式是通过外部引用CSS文件.


二、css常用属性







©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML 软件架构 C/S:C(客户端,用户通过客户端来使用软件),S表示服务器。一般软件都是C/S架构。软件使用...
    小土豆dy阅读 5,087评论 0 5
  • CSS的全称是什么? CSS(Cascding Style Sheet)层叠样式表,一种声明示的计算机语言,用来为...
    饥人谷_LEO阅读 2,540评论 0 1
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,810评论 0 0
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,139评论 0 3
  • CSS 指层叠样式表(Cascading Style Sheets),是一种用来为结构化文档(如 HTML 文档或...
    神齐阅读 6,426评论 0 14