Web前端开发技术项目教程（HTML5 CSS3 JavaScript）（微课版） 课件 5.2.4知识点2：设置行高属性.pptx

设置行高属性信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》

设置行高属性前端技术开发01行高line-height=相邻两条基线(baseline)之间的距离=上半行距+文本高度+下半行距

设置行高属性前端技术开发01可以使用CSS属性line-height控制行高，通过它可以调整行间距。实际行间距受字体大小和行高影响。语法line-height:Length|Number|Percentage;说明：该属性的取值如表所示

前端技术开发设置文本行高pid=one2023年6月10日是“文化和自然遗产日”。6月9日，2023年“文化和自然遗产日”非遗宣传展示活动启动仪式暨《保护非物质文化遗产公约》通过20周年纪念活动在京举行。文化和旅游部党组成员、副部长饶权出席活动并讲话，宣布活动启动。/ppid=two启动仪式后，嘉宾们参观了国家图书馆举办的“茶和天下典籍里的茶”“年华易老，技忆永存——列入联合国教科文组织非物质文化遗产名录、名册项目相关传承人记录成果特展”。/ppid=three非遗的宣传、弘扬方面，十年来，中国篆刻艺术院组织了几十场重大的篆刻艺术主题展，在弘扬中国传统文化，传承保护和发展篆刻艺术上，取得了突出成果/p设置行高属性01

前端技术开发设置文本行高pid=one2023年6月10日是“文化和自然遗产日”。6月9日，2023年“文化和自然遗产日”非遗宣传展示活动启动仪式暨《保护非物质文化遗产公约》通过20周年纪念活动在京举行。文化和旅游部党组成员、副部长饶权出席活动并讲话，宣布活动启动。/ppid=two启动仪式后，嘉宾们参观了国家图书馆举办的“茶和天下典籍里的茶”“年华易老，技忆永存——列入联合国教科文组织非物质文化遗产名录、名册项目相关传承人记录成果特展”。/ppid=three非遗的宣传、弘扬方面，十年来，中国篆刻艺术院组织了几十场重大的篆刻艺术主题展，在弘扬中国传统文化，传承保护和发展篆刻艺术上，取得了突出成果/pbody{font-size:20px;}#one{font-size:10px;line-height:2;}#two{line-height:26px;}#three{line-height:40px;}第1段行高20px，第2段行高26px，第3段行高40px。设置行高属性01

前端技术开发设置文本行高pid=one2023年6月10日是“文化和自然遗产日”。6月9日，2023年“文化和自然遗产日”非遗宣传展示活动启动仪式暨《保护非物质文化遗产公约》通过20周年纪念活动在京举行。文化和旅游部党组成员、副部长饶权出席活动并讲话，宣布活动启动。/ppid=two启动仪式后，嘉宾们参观了国家图书馆举办的“茶和天下典籍里的茶”“年华易老，技忆永存——列入联合国教科文组织非物质文化遗产名录、名册项目相关传承人记录成果特展”。/ppid=three非遗的宣传、弘扬方面，十年来，中国篆刻艺术院组织了几十场重大的篆刻艺术主题展，在弘扬中国传统文化，传承保护和发展篆刻艺术上，取得了突出成果/pbody{font-size:20px;}#one{font-size:10px;line-height:2;}#two{line-height:26px;}#three{line-height:40px;}第1段行高20px，第2段行高26px，第3段行高40px。设置行高属性01

前端技术开发特别注意：1.line-height的大小与font-size大小相等时,行间距为0!相当于没有行间距!2.ine-height的大小不能小于当前元素的font-size大小!否则算出来的行间距会负数，导致每一行之间的文本重叠!设置行高属性01

小结前端技术开发02line-height的取值可以是：数字：该属性的应用值是这个