百度前端科技学院第三天笔记

百度前端科技学院第三天笔记

今天主要是文字样式

这个文章讲的很好

百度前端科技学院第三天笔记_第1张图片

p{
    color: red;
    text-decoration: underline;
}

text-decoration有5种
可以在mdn中查看


百度前端科技学院第三天笔记_第2张图片
w3cschool中是这样介绍text-decoration
百度前端科技学院第三天笔记_第3张图片

不出所料,underline 会对元素加下划线,就像 HTML 中的 U 元素一样。overline 的作用恰好相反,会在文本的顶端画一个上划线。值 line-through 则在文本中间画一个贯穿线,等价于 HTML 中的 S 和 strike 元素。blink 会让文本闪烁,类似于 Netscape 支持的颇招非议的 blink 标记。

font-family是字体。有以下5种安全字体,即所有的系统都支持他。
百度前端科技学院第三天笔记_第4张图片


font-size是当前设置字体的大小
百度前端科技学院第三天笔记_第5张图片


浏览器的 font-size 标准设置的值为 16px。在根元素中的任何段落 (或者那些浏览器没有设置默认大小的元素),会有一个最终的大小值:16px。

百度前端科技学院第三天笔记_第6张图片



font-weight的参数如下,并没有em
百度前端科技学院第三天笔记_第7张图片

这是源代码,这是预览网址https://qkgoride.club/suy-ife/003/003



    
百度前端学院第二天作业

我的简历

姓名 性别 相片
苏月晟
家庭住址 青岛科技大学
人生格言 好好学习,天天向上
联系方式
电话
- 15011111111
邮箱
- [email protected]
GITHUB sogeisetsu
教育经历
      小学
      中学
      青岛科技大学
项目经历
python
- 树莓派远程自动浇水
- 垃圾图像识别装置
机械
- 无碳小车
前端
百度前端科技学院学习



这是css地址

.jianli{
    text-align: center;
    background-color: beige;
    width: 1000px;
    border:blue;
    border-block-color: yellow;
    font-family: cursive;
}
.jianli h1{
    text-align: center;
    text-decoration: aqua wavy underline;
    text-shadow: 4px 4px 5px rgba(252, 10, 10, 0.301);
    color:rgb(65, 4, 65);
    font-weight: bolder;
    font-style: normal;
    font-family: fantasy;
}
.zbiaotou{
    font-style: normal;
    background-color:rgba(204, 204, 55, 0.534);
    color:rgb(20, 20, 7);
    font-size: 32px;
    line-height: 2em;
    text-shadow: 5px 5px 15px rgba(5, 122, 138, 0.575);

}
.ybiaotou{
    font-style: normal;
    background-color: rgba(133, 204, 115, 0.562);
    color: rgb(0, 0, 0);
    text-shadow: 15px 1px 10px rgba(36, 85, 3, 0.452);
    text-transform: none;
    font-weight: bolder;
    line-height: 1.4em;
    font-size: 1.1em;


}

你可能感兴趣的:(百度前端科技学院第三天笔记)