CSS基础

最新推荐文章于 2023-08-18 20:40:23 发布

kerwin_wu

最新推荐文章于 2023-08-18 20:40:23 发布

阅读量106

点赞数

本文链接：https://blog.csdn.net/w1940285220/article/details/79424391

版权

1.CSS基础

1.1CSS的意义
CSS称为层级样式表（Cascading Style Sheets），是用于定义HTML文档的样式的（HTML文档的显示方式）。

1.2CSS在HTML中4种使用方式
1.2.1 在HTML元素中，使用style属性来指定该元素的样式。例如：
<h1 style="color:blue;">标题</h1>

1.2.2 在HTML文档中，在<head>标签中使用style元素来指定样式。例如：
<style type="text/css">
h1{color:blue;}
</style>

1.2.3 在.css文件中，指定样式，然后在HTML文档中，使用link元素，href属性指定.css文件，将css文件引入到HTML文档中。例如：
style.css文件中：
h1{color:blue;}
HTML文档中：
<link rel=”stylesheet” type="text/css" href=”style.css”/>

1.2.4 在style标签里使用语句
@import url(css文件的路径);
**缺点：在某些浏览器下不起作用。

1.3 优先级：
离内容越近的样式，优先级越高
元素内style属性 > html文档中的style元素 > 外部.css文件

1.4 CSS的基本语法

h1 (选择器) {color(属性) : red (属性值); font-size : 14px;}

2.常用CSS的属性和用法

2.1背景系列
背景颜色：background-color属性，接受任何合法的颜色值。
背景图片：background-image 属性，设置一个背景图像，必须为这个属性设置一个 URL 值；默认值是 none
背景重复：background-repeat属性，设置背景图片的重复方式，可以有如下几种取值：
repeat-x:横向重复
repeat-y：纵向重复
repeat：横向和纵向同时重复
no-repeat：不重复
默认值为repeat。
background-position:

2.2文本系列
文字颜色：color属性，该属性接受任何合法的颜色值。
文字大小：font-size属性，该属性可以使用px（像素）和em（字体单位）设置。
文字字体：font-family属性，该属性可以接受一个或多个任何合法的字体名称为值。
段落缩进：text-indent属性，该属性允许使用px（像素）和em（字体单位）来设置文本的缩进。
水平对齐：text-align属性，center居中，left左对齐，right右对齐。
文字样式：font-style属性。
text-decoration属性，none没有下划线，underline下划线.
line-height:行高。
letter-spacing:字符间距。

2.3表格系列

表格边框：border属性
折叠边框：border-collapse属性
内边距：padding属性
border-style: dashed(虚线) solid(实线)
cellpadding="" 内边距
cellspacting="" 外边距

kerwin_wu

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS基础

1.CSS基础1.1CSS的意义CSS称为层级样式表（Cascading Style Sheets），是用于定义HTML文档的样式的（HTML文档的显示方式）。1.2CSS在HTML中4种使用方式1.2.1 在HTML元素中，使用style属性来指定该元素的样式。例如：<h1 style="color:blue;">标题</h1>1.2.2 在HTML文档中，在...
复制链接

扫一扫