返回顶部
首页 > 资讯 > 前端开发 > JavaScript >css怎么使用浮动来创建拥有页眉、页脚、左侧目录
  • 247
分享到

css怎么使用浮动来创建拥有页眉、页脚、左侧目录

2024-04-02 19:04:59 247人浏览 泡泡鱼
摘要

这篇文章主要介绍CSS怎么使用浮动来创建拥有页眉、页脚、左侧目录,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! <html> <head> <st

这篇文章主要介绍CSS怎么使用浮动来创建拥有页眉、页脚、左侧目录,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

<html>

<head>

<style type="text/css">

span

{

float:left;

width:0.7em;

font-size:400%;

font-family:algerian,courier;

line-height:80%;

}

</style>

</head>

<body>

<p>

<span>T</span>his is some text.

This is some text. This is some text.

This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text.

</p>

<p>

在上面的段落中,文本的第一个字母包含在一个 span 元素中。这个 span 元素的宽度是当前字体尺寸的 0.7 倍。span 元素的字体尺寸是 400%,行高是 80%。span 中的字母字体是 "Algerian"

</p>

</body>

</html>

以上是“css怎么使用浮动来创建拥有页眉、页脚、左侧目录”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网JavaScript频道!

--结束END--

本文标题: css怎么使用浮动来创建拥有页眉、页脚、左侧目录

本文链接: https://lsjlt.com/news/89095.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • css怎么使用浮动来创建拥有页眉、页脚、左侧目录
    这篇文章主要介绍css怎么使用浮动来创建拥有页眉、页脚、左侧目录,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! <html> <head> <st...
    99+
    2024-04-02
  • 怎么使用CSS创建固定的页眉或页脚
    小编给大家分享一下怎么使用CSS创建固定的页眉或页脚,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! 答:使用CSS固定定位 ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作