CSS-01

CSS

CSS指层叠样式表 (Cascading Style Sheets)
css样式 定义 如何显示 HTML 元素

一、css引入方式

1.内联样式

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

2.内部样式表

​ 使用

3.外部样式表

​ 每个页面使用 标签链接到样式表。 标签在(文档的)头部

<head>
	<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

二、选择器

1.标签选择器 (元素选择器)

标签{

​ 属性:属性值

​ }

2.类选择器(class 选择器)

.类名{

​ 属性:属性值

​ }

3.ID选择器

只能是唯一的

#ID名{

​ 属性名:属性值
​ }

三、常用属性

1.backgroud 背景属性

​ background-color:背景颜色
​ background-image:添加背景图片
​ background-repeat:背景重复
​ background-attachment:设置背景图像是否固定或者随着页面的其余部分滚动。
​ background-position:背景定位

2.border 边框属性

​ border-style:定义边框样式
​ 属性:none默认,无样式
​ dotted 点线边框
​ dashed 虚线边框
​ solid 实线边框
​ groove 3D沟槽边框

​ border-width:定义边框宽度

​ border-color: 定义边框颜色

​ border-radius:创建圆角

​ box-shadow:添加阴影

3.font 字体属性

​ 字体样式 font-family 属性:宋体

​ 字体大小 font-size

​ 文本字体样式 font-style 属性:normal 正常 italic 斜体

​ 小型大写字母 font-variant 属性:small-caps 小写变大写

​ 文本粗细 font-weight 属性:bold 加粗

​ 文本阴影 text-shadow 值:水平 垂直 模糊 颜色

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值