CSS层叠样式表

目录

一.css 介绍

二.CSS基本语法

2.1css 引入方式

2.1.1行间样式引入

2.1.2像素单位

2.1.3百分比单位

 2.1.4内部引入方式

2.1.5外部引入方式

2.2基础属性

2.2.1宽、高

2.2.2背景样式

1.背景色background-color属性

2.background-image设置背景图片

3.background-repeat设置背景图片的平铺方式

4.background-position 设置背景图片的位置

2.2.3边框样式

2.2.4文字样式

2.2.5段落样式


一.css 介绍

层叠样式表,是一种样式表语言,用来描述HTML和XML文档的呈现。随着HTML的发展,为了满足面设计者的要求,HTML添加了很多显示功能,但是随着这些功能的增加,使得HTML越来越杂乱,HTML 页面也越来越臃肿,CSS便随之诞生,CSS 用于简化HTML标签,把关于样式部分的内容提取出来,进行单独的控制,使结构与样式分离开发。
CSS 是以HTML为基础,设置网页的外观显示样式,如字体、颜色、背景的控制及整体的布局等,和HTML 类似,CSS也不是真正的编程语言,甚至不是标记语言。它是一门样式表语言。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。

1996年发布的了CSS1.0,这个版本只提供一些简单的功能,并没有得到广泛的应用。直到CSS2.0
的诞生才真正地把结构与样式进行分离,从而得到快速的发展。CSS2.1版本是CSS2.0版本的修正版,也是目前最稳定的一个版本。
随着互联网的高速发展,网页样式也有更多的需求,CSS3 在CSS2.1的基础上提供了更多实用且强大的功能。目前CSS3 还没有发布正式版本。

二.CSS基本语法

2.1css 引入方式

给HTML标签添加CSS样式总共有三种样式:行间样式、 内部样式和外部样式三种方式

2.1.1行间样式引入

在HTML标签中添加style属性来设置CSS。语法如下:

style="属性1:值1;属性2:值2;属性3:值3;"

CSS样式由属性和值两部分组成,通过冒号的方式进行连接。多组样式之间使用分号(;)进行分
割。一般规范会在分号后面加一个空格,这样更加方便阅读代码。 

例子:

<div style="width:50px; height:50px; background-color: black"></div>

2.1.2像素单位

像素单位用px表示,全称 “pixel”。px就是一张图片中最小的点,或者是计算机屏幕最小的点。

2.1.3百分比单位

百分比单位是一个相对单位,经常在嵌套标签中使用。假如给子标签(也叫内层标签)设
置百分比单位,那么这个单位就是相对于父标签(也叫外层标签)的尺寸大小。

例子:

<body>
<div style="width:100px; height:100px; background-color: black">
<div style
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值