Foreword写在前面的话:
大家好,我是一名刚开始学习HTML的新手。这篇文章是我在学习html过程中的一些笔记和心得,希望能和同样在学习HTML的朋友们分享。由于我的知识有限,文章中可能存在错误或不准确的地方,欢迎大家在评论区提出建议和指正。我非常期待大家的反馈,以便我能不断学习和进步。同时,我也会在文章中注明参考的资料,以示对原作者的尊重。
PS:本帖以记录学习心得和课堂笔记为主,没有其他大博主那么专业,但是简单易懂^-^
本贴的其他相关学习笔记资料可以通过订阅专栏获取,喜欢的小伙伴可以多多点赞+关注呀!后续会 持续更新相关资源的~
课程学习资源:根据b站‘前端Web开发HTML5+CSS3+移动web视频教程,前端web入门首选黑马程序员’ 视频学习记录而成。原视频网址:前端Web开发HTML5+CSS3+移动web视频教程,前端web入门首选黑马程序员_哔哩哔哩_bilibili
第三十九课:
文本缩进效果
应用:中文段落开头
属性名:text-indent
属性值:1. 数字+px
2. 数字+em ( 推荐:1em=当前标签的字号大小)即当字号发生变化时em值也会变化,强调一个适配度。
第二种方法是最常用的!!(反正就记住,之后只要是缩进空格,几个em就是几个空格即可,反正也自动适配)
实现首行缩进两个字的空格:
p{
text-indent: 2em;
}
然后改变文本的字号,发现空格的缩进仍然适配改变字号后的文本:
所以改变缩进就以em为缩进单位最好。
控制文字的对其方式:文本对齐
属性名:text-align(即横向对齐方式)
属性值:left 左对齐(默认效果不用记)
center 居中对齐
right 右对齐
实际运用中center是最常用的属性值
注意:text-align属性调整的是其内容的对齐方式,并不会影响标签的位置。假如是和
标签,使用网页端的inpsect+鼠标图案功能就会发现,h1标签位置其实并未发生改变。
本质:改变的是内容位置,标签不会被改变。
图片对齐:也是text-align--其属性本质就是改变内容的对齐方式
注意height和width是调整图片的大小尺寸。
控制文字的修饰线:
text-decoration
应用:网页中有下划线的部分一般都是可以网页跳转的部分。
属性值:
none 去掉效果/无效果
underline 下划线
line-through 删除线
overline 上划线
启用文字修饰效果后:
none去掉修饰线和underline加下划线是常用的
第四十课:文字控制属性color
改变文字颜色-四种颜色值写法(不需要记)
应用:网页上的颜色不是通常的red green等
属性名:color
1. 颜色关键字:颜色英文单词--red,green,blue --学习测试用
2. rgb表示法:rgb(r, g, b) ---rgb表示红绿蓝三原色,取值0-255 --了解即可
3. rgba表示法:rgba(r, g, b, a) ---a表示透明度,取值0-1 --开发使用
4. 十六进制表示法表示颜色:#RRGGBB ---#000000,#ffcc00, 简写:#000, #fc0 --开发使用
真正工作中使用后三种写法。
rgb写法:
如何看出透明度?给网页加个背景颜色background-color就可以更好地看出color用rgba表示法设定了透明度之后的效果。
rgba写法,最后一个参数值越大越不透明
十六进制表示法(#加上六个字母或数字)表示颜色:0~f之间,颜色从浅到深,每两个未知表示红-绿-蓝
如果每组中字母或者数字相同,可以化简。
#00ff00---可以化简成#0f0
一般从设计师手上拿到的设计稿额颜色都是十六进制表示法的
最后,感谢每一位阅读这篇文章的朋友,你们的反馈对我来说非常宝贵。如果有任何问题或建议,请随时告诉我。让我们一起学习和进步吧!如果您喜欢我的内容,别忘了点赞和关注哦,我会定期分享更多有价值的信息。
标签:Web,39,颜色,--,text,缩进,对齐,属性 From: https://blog.csdn.net/2302_80218188/article/details/142747311