CSS-01
程序员文章站
2022-04-25 11:39:21
...
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 值：水平 垂直 模糊 颜色
上一篇： HTML基础