css文本属性

简介: css基础

<!DOCTYPEhtml>

<htmllang="en">


<head>

   <metacharset="UTF-8">

   <metahttp-equiv="X-UA-Compatible"content="IE=edge">

   <metaname="viewport"content="width=device-width, initial-scale=1.0">

   <title>CSS文本外观属性之颜色</title>

   <style>

       /* 1.4.1文本颜色 */

       /* css text属性看定义文本的外观,比如颜色,对齐文本,装饰文本,文本缩进,行间距等 */

       

       div {

           color: deeppink;

       }

       /* 1.4.2文本对齐 */

       /*text-align 属性用于设置元素内文本内容的水平对齐方式  */

       

       h1 {

           text-align: center

       }

       /* 1.4.3装饰文本 */

       /* text-decoration属性规定添加到文本的装饰 */

       

       h1 {

           text-decoration: underline;

       }

       /* 1.4.4文本缩进 */

       /* text-indent属性用来指定文本的第一行的缩进,通常是将段落首行缩进 */

       

       p {

           /* 文本的第一行首行缩进多少 */

           /* em=16px  2em=32px*/

           text-indent: 20px;

       }

       /* 1.4.5行间距 */

       /* line-heihgt属性用于设置行间的距离,可以控制文字行与行之间的距离 */

       

       p {

           line-height: 26px;

           /* 上间距加上文本高度16px加上下间距一共26px */

       }

   </style>

</head>


<body>

   <div>听说我有喜欢的女孩子</div>

   <h1>你不会是听错了把</h1>

   <ahref="#">你不会听错了吧</a>

   <p>缩进</p>

</body>


</html>

相关文章
|
7天前
|
前端开发 UED 容器
CSS基础-背景属性:颜色、图片、重复
【6月更文挑战第9天】本文介绍了CSS背景属性,包括背景颜色、图片、重复的使用和常见问题。通过实例展示了如何设置背景颜色(如使用rgba()注意透明度影响)、背景图片(使用background-size控制缩放)、背景重复(避免默认平铺导致混乱)以及综合使用背景属性创建复杂效果。理解并熟练运用这些属性能提升网页设计的视觉层次和用户体验。建议通过实践不断探索和提升CSS技能。
|
1月前
|
前端开发
页面无法滑动-CSS: touch-action属性
页面无法滑动-CSS: touch-action属性
23 0
|
1月前
|
容器
mui.css 滚动条消失 导致超出部分无法显示 overflow属性
mui.css 滚动条消失 导致超出部分无法显示 overflow属性
23 0
|
8天前
|
前端开发 UED 容器
CSS基础-文本样式:颜色、字体、大小、对齐
【6月更文挑战第8天】本文介绍了CSS中设置文本颜色、字体、大小和对齐的基础知识。通过color属性改变文本颜色,使用font-family设置字体,用font-size调整大小,text-align控制对齐方式。注意浏览器兼容性、文本溢出和响应式设计的问题。提供的代码示例展示了这些属性的用法,帮助创建更具吸引力的网页。
|
10天前
|
Web App开发 移动开发 前端开发
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
18 1
|
10天前
|
移动开发 前端开发 HTML5
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器一
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 一
24 1
|
16天前
|
前端开发
CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
【5月更文挑战第31天】CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
24 1
|
23天前
|
前端开发
CSS属性众多
【5月更文挑战第24天】CSS属性众多
23 3
|
23天前
|
前端开发
只是一小部分CSS属性的示例
【5月更文挑战第24天】只是一小部分CSS属性的示例
24 2
|
30天前
|
前端开发
一文搞懂css常用字体属性与背景属性(2),非科班面试之旅
一文搞懂css常用字体属性与背景属性(2),非科班面试之旅