网页学习笔记

三.插入样式表:外部样式表,内部样式表,内联样式.

    1.外部样式表:当样式需要应用于很多页面时,外部样式表是理想的选择,在使用外部样式表的情况下,可以通过改变一个文件来改变整个站点的外观。每个页面使用<link>标签链接到样式表,<link>标签在头部.外部样式表可以在任何文本编辑器中进行编辑,文件不能包含任何的html标签。样式表应该以.css扩展名进行保存

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

      3.内联样式:要使用内联样式,需要在相关的标签内使用style属性,style属性可以包含任何css属性.

      4.多重属性:如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来

  优先级:内联样式>内部样式>外部样式>浏览器默认样式.

四.CSS背景

    1.背景颜色:background-color属性定义了元素的背景颜色

      如body{background-color: ;}.

    2.背景图像:background-image属性描述了元素的背景图像,默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体.

      默认情况下该属性会在页面的水平或者垂直方向平铺,如果不想让图像平铺,可以使用background-repeat属性.

      为了让页面排版更加合理,我们可以改变图像的位置,可以利用background-position 属性改变图像在背景中的位置

    3.background-attachment定义背景图像是否固定或者随着页面的其余部分滚动.

  属性顺序:color,image,repeat,attachment,position.

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

相关阅读更多精彩内容

  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 5,979评论 0 6
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,789评论 32 459
  • 一. 概述 CSS指层叠样式表,定义了如何显示HTML元素。样式通常存储在样式表中,可以解决内容和表现分离的问题,...
    肠粉白粥_Hoben阅读 3,496评论 0 1
  • 基础教程 层叠次序 当同一个HTML元素被不止一个样式定义时,使用优先级如下所示(1优先级最高):1.内联样式(在...
    Tdithyrambus阅读 2,890评论 0 1
  • 在学习之前需要对HTML知识有基本的了解。主要是用来对HTML的元素进行美化的,所以以下只是一个便于查阅的阅读材料...
    Vincilovfang阅读 1,837评论 0 2

友情链接更多精彩内容