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>

相关文章
|
1月前
|
前端开发
CSS常用属性理解
CSS常用属性理解
15 0
|
1月前
|
前端开发
|
2月前
|
人工智能 前端开发 Cloud Native
css选择器有哪些?优先级?哪些属性可以继承?
css选择器有哪些?优先级?哪些属性可以继承?
|
3月前
|
前端开发
CSS中哪些属性可以继承?
CSS中哪些属性可以继承?
18 0
|
4月前
|
JSON JavaScript 前端开发
jQuery$工具方法和CSS的属性经及方法
jQuery$工具方法和CSS的属性经及方法
35 0
|
3月前
|
前端开发 开发者
css3中有哪些新属性都有什么用处
css3中有哪些新属性都有什么用处
46 0
|
3天前
|
Web App开发 存储 前端开发
【JavaEE初阶】 CSS相关属性,元素显示模式,盒模型,弹性布局,Chrome 调试工具||相关讲解
【JavaEE初阶】 CSS相关属性,元素显示模式,盒模型,弹性布局,Chrome 调试工具||相关讲解
|
22天前
|
前端开发 开发者
「提高你的CSS技能」:15个重要的CSS属性详解
这篇文章介绍了15个重要的CSS属性,旨在提高读者的CSS知识和技能。文章以清晰的方式解释了每个属性的作用和用法,并提供了相应的示例代码。通过这篇文章,读者可以了解到一些有趣且实用的CSS属性。
|
1月前
|
Web App开发 移动开发 前端开发
【CSS】<Cascading Style Sheets>CSS3常用样式属性
【1月更文挑战第22天】【CSS】<Cascading Style Sheets>CSS3常用样式属性
|
2月前
|
前端开发
CSS背景属性之颜色渐变
CSS背景属性之颜色渐变
19 0

相关产品

  • 云迁移中心