CSS学习知识整理（三）Css 文本

最新推荐文章于 2024-05-26 20:46:36 发布
最新推荐文章于 2024-05-26 20:46:36 发布
阅读量210 收藏 1
点赞数
分类专栏： Css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26383975/article/details/107177100
版权
本文主要探讨CSS中关于文本的样式设置，包括文本颜色、对齐方式、修饰、转换、缩进、阴影以及垂直对齐等。通过这些属性，可以实现文本的多样化布局和美化效果，例如设置文本颜色、文本对齐、下划线、首行缩进、阴影以及垂直位置调整。
摘要由CSDN通过智能技术生成

目录

Css文本颜色 — color

在这里插入图片描述

文本的对齐方式 — text-align

文本排列属性是用来设置文本的水平对齐方式。
文本可居中或对齐到左或右,两端对齐.

text-align:center;//居中
text-align:left;//居左
text-align:right;//居右
text-align:justify;//两端对齐

最低0.47元/天 解锁文章
12程序猿
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS——文本属性
笙
04-01 431
文本属性 一、定义 ​ CSS Text（文本）属性可定义文本的外观，比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。 二、文本颜色 1、属性 ​ color属性用于定义文本的颜色 2、语法： /* 三种方式: */ p { color: green; color: rgb(255, 174, 0); color: #fffb00; } 2、表示方法 1>...
css基础知识(文本属性)
weixin_48435165的博客
07-29 184
四、伪类选择器 ①未点击时 a:link{ color: black; } ②点击时 a:visited{ color: blue; } ③鼠标悬停时 a:hover{ color:red; } ④点击后 a:active{ color:green; } <div> <a href="#">积分系统</a> </div> 注意： 在CSS定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。
CSS与CSS3知识点复习整理
最新发布
weixin_67657460的博客
05-26 1834
CSS与CSS3知识点复习整理
CSS基础知识整理
菜鸟博客
11-05 683
目录一、css基础1.选择器1.1标签选择器1.2类选择器1.3id选择器1.4后代选择器1.5子代选择器1.6并集选择器1.7交集选择器1.8hover伪类选择器1.9通配符选择器1.10结构伪类选择器1.10.1查找单个1.10.2查找多个1.10.3 根据类型查找1.11 类与id的区别1.11链接伪类选择器1.12焦点伪类选择器1.13属性选择器2.字体文本相关样式2.1字体样式2.1.1字体大小font-size2.1.2字体粗细font-weight2.1.3字体样式font-style2.1.
css笔记学习整理.pdf
10-14
【CSS样式表】样式表分为三种类型： 1. 行内样式：将样式直接写在HTML元素的style属性中，如`;">文本</p>`。 2. 内部样式表：在`<head>`标签内的`<style>`标签中定义样式，应用于当前文档。 3. 外部样式表：通过`...
CSS中一些常用的文本属性整理
09-25
主要介绍了CSS中一些常用的文本属性整理,是CSS入门部分中的一些基础知识,欢迎收藏,随看随记~需要的朋友可以参考下
CSS3知识体系思维导图（手工整理）
10-16
CSS3知识体系思维导图 CSS3是当前Web开发中最流行的样式表语言之一，对网页的布局、美化和交互效果产生了极大的影响。本文旨在梳理CSS3的知识体系，通过构建CSS3知识树，帮助开发者对CSS3的知识体系有更清晰的认知...
超全面CSS样式整理
09-27
在本文中，我们将深入探讨CSS（Cascading Style Sheets...以上就是CSS样式整理中的主要知识点，熟练掌握这些属性将有助于创建更具吸引力和功能性的网页。在实践中不断探索和实验，你会发现CSS能创造出无穷无尽的可能。
从零学CSS系列之文本属性
10-25
个系列是CSS的一些基础知识和简单的教程案例，小编整理出来，希望对大家有所帮助
使用flex布局时，宽度超限，一行显示 ，图片缩小变形了，怎么解决？
12程序猿的博客
10-16 3986
1.问题： 在做微信小程序项目时，使用flex布局时，宽度超限时，一行显示 ，发现图片缩小变形了，在同事的帮助下解决了问题，现把解决方法记录下，以便之后查看。 2.解决方法： flex布局下的元素使用flex-shrink属性 （1）.flex-shrink具体是做什么的，请看如下介绍： 比如你设置了一个父元素400px，然后来了三个子元素，宽度分别200px。 那么加起来600px。我擦，这不脑残么？ 超了怎么办？还有得救。flex-shrink 按比例压缩。 <style> h1{font
CSS学习知识整理（六）Css position(定位)、margin 简写
12程序猿的博客
07-07 800
margin 简写属性：
select自定义箭头
12程序猿的博客
07-07 767
select自定义箭头： 1.去除select默认下拉箭头：可以适应appearance与-ms-expand去除 select默认的下拉箭头样式 2.添加右侧小箭头的背景图 行内水平垂直居中 <div class="main">确定</div> .main{ display:flex; text-align:center;/*文本水平居中*/ align-items:center;/*垂直方向*/ justify-content:center;/*水平方向*/ }
CSS学习知识整理（四）Css 盒子模型
12程序猿的博客
07-07 249
Css 盒子模型 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 不同部分的说明： Margin(外边距) - 清除边框外的区域，外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域，内边距是透明的。 Content(内容) - 盒子的内容，显示文本和图像。 ...
CSS学习知识整理（五）Css display(显示)
12程序猿的博客
07-07 197
目录display的作用隐藏元素 - display:none或visibility:hiddenCSS Display - 块和内联元素 display的作用 display的作用：规定了元素以何种方式展示。 浏览器支持 所有主流浏览器都支持 display 属性。 **注释：**如果规定了 !DOCTYPE，则 Internet Explorer 8 （以及更高版本）支持属性值 “inline-table”、“run-in”、“table”、“table-caption”、“table-cell”、“t
Css 自定义滚动条样式
12程序猿的博客
07-07 176
css实现自定义滚动条样式： 1.效果图： 2.代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css 自定义滚动条样式</title> <script src
CSS学习知识整理（二）Css 背景
12程序猿的博客
07-07 110
CSS 背景属性用于定义HTML元素的背景。 目录背景图像 background-image CSS 属性定义背景效果: background-color （设置元素的背景颜色。） background-image （描述了元素的背景图像） background-repeat （设置背景图像是否及如何重复。） background-attachment（背景图像是否固定或者随着页面的其余部分滚动。） background-position （设置背景图像的起始位置。） 背景图像 backg
CSS学习知识整理（一）Css 布局
12程序猿的博客
07-07 107
目录一、Css 布局 - overflow二、Css 布局 - 水平 & 垂直对齐总结1.水平居中方法：2.垂直居中方法： 一、Css 布局 - overflow overflow属性有以下值： 值 描述 visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 inher
CSS学习知识整理（一）Css 简介、语法与创建
12程序猿的博客
07-07 96
Css样式学习 目录一、简介二、语法三、创建 --- 三种引入方式 一、简介 二、语法 三、创建 — 三种引入方式
"HTML和CSS面试题整理及基础知识回顾
面试题整理.docx 是一份关于 HTML 和 CSS 知识点的整理文档。这份文档可以帮助面试者回忆一些基础的 HTML 和 CSS 知识概念，以便在面试中更好地回答相关问题。下面是一些在文档中提到的 HTML 和 CSS 知识点： 1. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值