CSS记忆点整理

最新推荐文章于 2022-07-08 13:57:44 发布

麟照

最新推荐文章于 2022-07-08 13:57:44 发布

阅读量162

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_43992790/article/details/114980464

版权

笔记专栏收录该内容

14 篇文章 0 订阅

订阅专栏

CSS记忆点整理

一、css常用基本语法格式
- ①内部样式表
- ②外部样式表
二、css选择器：
三、css外观属性

以下内容为个人学习过程中的部分知识点整理：

一、css常用基本语法格式

①内部样式表

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	    选择器（选择的标签名） { 
	      属性1: 属性值1;
	      属性2: 属性值2; 
	      属性3: 属性值3;
	    }
	</style>
</head>

②外部样式表

<head>
  <link rel="stylesheet" type="text/css" href="css文件路径">
</head>

通过本行代码链接到专门的.css文件

二、css选择器：

①标签选择器

标签名{
	 属性1:属性值1;
	 属性2:属性值2; 
	 属性3:属性值3; 
 }

②类选择器

.类名  {   
    属性1:属性值1; 
    属性2:属性值2; 
    属性3:属性值3;     
}

<p class='类名'></p>

③id选择器

#id名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

<p id="id名"></p>

④通配符选择器

* { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

三、css外观属性

①color的三种表示方法

在这里插入图片描述

②text-align:文本水平对齐方式

①left左对齐（默认值）
②right右对齐
③center中间对齐

③line-height:行间距

line-height属性用于设置行间距，就是行与行之间的距离，即字符的垂直间距，一般称为行高。

④text-indent:首行缩进

p {
      /*行间距*/
      line-height: 25px;
      /*首行缩进2个字  em  1个em 就是1个字的大小*/
      text-indent: 2em;  
 }

⑤text-decoration 文本的装饰

none：取消下划线（最常用）
underline：定义文本下的下划线。（常用）
overline：定义文本上的一条线。（不用）
line-through：定义穿过文本下的一条线。（不常用）

麟照

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS记忆点整理

CSS记忆点整理一、css常用基本语法格式①内部样式表②外部样式表二、css选择器：①标签选择器②类选择器③id选择器④通配符选择器三、css外观属性①color文本颜色表示方法②text-align:文本水平对齐方式③line-height:行间距④text-indent:首行缩进⑤text-decoration 文本的装饰以下内容为个人学习过程中的部分知识点整理：一、css常用基本语法格式①内部样式表②外部样式表二、css选择器：①标签选择器②类选择器③id选择器④通配符选择器三、c
复制链接

扫一扫