//css 层叠样式表(Cascading Style Sheets)

//简单css样式表(Cascading Style Sheets)

CSS全称为层叠样式表(Cascading Style Sheets),通常又称为风格样式表 (Style Sheet),他是用来进行网页风格设计的。CSS拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。

在网页中,CSS通过设立样式表,可以统一控制HTML中各个标签的显示属性,如设置字体的颜色、大小、样式等,使用CSS还可以设置文本居中显示、文本与图片的对齐方式、超链接的不同效果等,这样层叠样式表就可以更有效地控制网页外观。CSS同样也是一种标识性语言。

CSS的出现给Web网页开发带来了很多优势,总结如下:

  • 内容与表现相分离。
  • 表现统一性。
  • 样式的丰富性。
  • 减少网页代码量,增加网页浏览速度,节省网络带宽,极大的提高工作效率。

//样式使用方式

//内联样式

内联样式(行内样式)是混合在HTML标记里使用的,用这种方法可以很简单的对某个标签元素单独定义样式。内联样式就是在HTML标签中直接使用style属性设置CSS样式。

应用方式如下:
<标记名 style=“样式属性:样式属性值;样式属性:样式属性值;……”></标记名>

例如:

<div style="background:red;width:100px;height:100px;">这是一个盒子</div>

他在网页的显示结果如下:
在这里插入图片描述
background:red;背景红色
width:100px;宽度100像素
height:100px;高度一百像素

//内部样式

在HTML中通过使用style标签引入CSS样式,style标签永固为HTML文档定义样式信息。style标签位于head标签中,它规定浏览器中如何呈现HTML文档。在style标签中,type属性是必须的,它用来定义style元素的内容,唯一值是“text/css”。

当单个文件需要特别样式时,就可以使用内部样式,内部样式只对其所在的网页有效,是一种比较常用的方法。基本使用语法如下:

<style type="text/css">
选择符1
{
	样式属性:样式属性值;
	样式属性:样式属性值;
...
}
选择符2
{
	样式属性:样式属性值;
	样式属性:样式属性值;
...
}
选择符3
{
	样
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值