前端学习css案例(3)-text styles

本次主要是text的基本内容复习:

1.line-height:基本就是行间距的别名;

2.<p>本身有个缺陷(default)就是他本就是自带着margin-top/bottom,初始时候没有设置的默认就属于中间的,如果你想让两个字体主动贴彼此,就需要一个bottom设置为0,一个top设置为0

[

  变了边框大小不想变字体距离边框的距离,最好用padding来辅助

 如果本身想要空格这种效果,也可以通过margin来实现

]

3.如果遇到特殊字符,可以输入“html entity {字符}”来查找对应的代码数

4.如果想要设置的所有的文字都是某个格式,设置style里面的p{}就好,比如字体font-familty / margin-top/bottom 

5.想要快速变换文字的有个叫:

    strong的标签 <strong></strong>里面的字体就是加粗

    u的就是下划线(underline)

  span就没有任何变换,虽然不会任何变化,但是好处就是设置class可以很快速的修改对应的字体

之前button学习的类别不要忘记了hover,cursor也可以表示在这里哦

6.基本的html structure就是:

body里面装的就是可以在网页浏览中真正看到的例如<p><h><table>,head里面的title网页的显示在最上头标题(可以拖动的那个小框框)  ,然后css的<style>那些就是格式,不会展示在浏览者面前,也是在head里面 

<!DOCTYPE html>
<html>
   <head>
   </head>
    <body>
    </body>
</html>

如果css和html写在两个文件里面,就需要用link夹杂在head里面

<link rel="stylesheet" href="button.css"> 需要注意href的file路径是否正确

  • 6
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值