0001-每日一记（2016-09-15）

最新推荐文章于 2025-08-26 20:41:37 发布

原创最新推荐文章于 2025-08-26 20:41:37 发布 · 320 阅读

0 ·

CC 4.0 BY-SA版权

web-妙味日志专栏收录该内容

7 篇文章

订阅专栏

本文介绍了CSS文本样式设置及布局技巧，包括首行缩进、文本修饰等，并概述了HTML5常用标签如header、nav、footer等的用途。

text-indent:2em; 首行缩进两个字符

text-decoration:underline; 定义文本下的一条线

text-decoration:line-through; 定义穿过文本下的一条线

text-decoration:blink; 定义闪烁文本

letter-space:20px; 定义文字间距

word-space:20px; 定义单词间距(以空格为解析单位)

white-space:nowarp; 强制不换行

☆文字的测量，与默认大小:

默认大小:16px;

测量文字大小时，最好从上往下测量。(文字右侧有一像素的空隙)

☆一个空格有多大？

字体格式为“宋体”时，那么空格大小是当前文字大小的一半。

(字体格式不一样时空格大小不同)

☆margin的问题:

1、margin-top传递;

解决方案:触发BFC(overflow:hidden;)、haslayout(zoom:1;)

2、margin上下叠压;

解决方案:尽量使用同一方向的margin，比如都设置top或bottom

☆伪类:给元素添加特殊效果:

:link 链接的初始样式

:hover 鼠标移入(悬停)

:active 鼠标按下时链接的样式

:visiter 访问过后的链接样式

(顺序:L V H A)

☆HTML5常见标签:

<body>
    <a href="http://www.w3school.com.cn/tags/index.asp">HTML 参考手册</a>
    <header>
        主要用于页面的头部的信息介绍，也可用于板块头部
    </header>
    <nav>导航</nav>
    <footer>
        页脚 页面的底部 或者 版块底部
    </footer>
    <section>
        页面上的版块
        用于划分页面上的不同区域,或者划分文章里不同的节
    </section>
    <article>
        用来在页面中表示一套结构完整且独立的内容部分
    </article>
    <aside>
        元素标签可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组，
        以及其他类似的有别与主要内容的部分
    </aside>
    <time>
        用来表现时间或日期
    </time>
</body>