欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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和CSS css