广东信息科技职业培训学院
广信IT学院
技术文献总结装订册
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
年级:21级1班 姓名:李凯顺 性别: 男 籍贯:湖南
毕业中学: 冷水中心校 入学时间: 2020年8月1日
身份证号码:431126200505070271微信号:lks2423973507
本技术文献起止时间 2021年 11月 7日~ 2021年 11 月 8日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
文献目录
顺序 | 文献编号 | 文献类型 | 题目 | 开发工具 | 关键技术 |
01 | 专题技术文献 | css文本的基础知识 | DW | DW | |
02 | |||||
备注:“文献编号”由学院工作人员填写;文献类型填写“专题技术”或“项目研发”
广东信息科技职业培训学院编制
评 分
文献总分: 折算后标准分: 阅卷教师签名
(有效)专题技术文献评分
序 号 | 题目 | 各项评分 | 文献 得分 | |||
主题 深浅 (20) | 描述 清晰 (40) | 图文 搭配 (20) | 分享 评定(20) | |||
01 | css文本的基础知识 | |||||
02 | ||||||
专题技术文献平均分: 文献数量加分: 篇x10分/篇= 分 专题技术文献总分: |
项目研发文献评分
序 号 | 题目 | 各项评分 | 文献 得分 | |||
业务模块数量 (20) | 模块复杂度 (30) | 图文 描述 (30) | 分享 评定(20) | |||
01 | ||||||
02 | ||||||
项目研发文献平均分: 文献数量加分: 篇x10分/篇= 分 项目研发文献总分: |
备注:
1、分享评定:发表到指定的3个网站,成功1个加5分,成功2个加10分,成功3个加20分。
2、实际总分=专题技术文献平均分+项目研发文献平均分*3。
3、所有文献必须提交对应的程序源码和项目演示视频,按照表格题目命名,放在同一个文件夹。
4、文献和源码、视频等文件,统一放到一个文件夹里面并提交给班长,文件夹命名格式如:
“广信IT17-1张悦190119文献与源文件”。
文献种类:专题技术总结文献
开发工具与关键技术: DW
作者:李凯顺 ;年级:21级1班 ;撰写时间:2021 年 11 月 8 日
文献编号: 归档时间: 年 月 日
css文本的基础知识~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:DW
作者:李凯顺
撰写时间:2021/11/8
1.缩进文本
把 Web 页面上的段落的第一行缩进,这是一种最常用的文本格式化效果。
CSS 提供了 text-indent 属性,该属性可以方便地实现文本缩进。
通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。
这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进 5 em:
p {text-indent: 5em;}
2.使用负值
text-indent 还可以设置为负值。利用这种技术,可以实现很多有趣的效果,比如“悬挂缩进”,即第一行悬挂在元素中余下部分的左边:
p {text-indent: -5em;}
不过在为 text-indent 设置负值时要当心,如果对一个段落设置了负值,那么首行的某些文本可能会超出浏览器窗口的左边界。为了避免出现这种显示问题,建议针对负缩进再设置一个外边距或一些内边距:
p {text-indent: -5em; padding-left: 5em;}
3.使用百分比值
text-indent 可以使用所有长度单位,包括百分比值。
百分数要相对于缩进元素父元素的宽度。换句话说,如果将缩进值设置为 20%,所影响元素的第一行会缩进其父元素宽度的 20%。
在下例中,缩进值是父元素的 20%,即 100 个像素:
div {width: 500px;}
p {text-indent: 20%;}
<div>
<p>this is a paragragh</p>
</div>
4.水平对齐
text-align 是一个基本的属性,它会影响一个元素中的文本行互相之间的对齐方式。它的前 3 个值相当直接,不过第 4 个和第 5 个则略有些复杂。
值 left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中。
西方语言都是从左向右读,所有 text-align 的默认值是 left。文本在左边界对齐,右边界呈锯齿状(称为“从左到右”文本)。
对于希伯来语和阿拉伯语之类的的语言,text-align 则默认为 right,因为这些语言从右向左读。不出所料,center 会使每个文本行在元素中居中。
5.继承
text-indent 属性可以继承,请考虑如下标记:
div#outer {width: 500px;}
div#inner {text-indent: 10%;}
p {width: 200px;}
<div id="outer">
<div id="inner">some text. some text. some text.
<p>this is a paragragh.</p>
</div>
</div>
以上标记中的段落也会缩进 50 像素,这是因为这个段落继承了 id 为 inner 的 div 元素的缩进值。
6.字间隔
word-spacing 属性可以改变字(单词)之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。
word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值,那么字之间的间隔就会增加。为 word-spacing 设置一个负值,会把它拉近:
p.spread {word-spacing: 30px;}
p.tight {word-spacing: -0.5em;}
<p class="spread">
This is a paragraph. The spaces between words will be increased.
</p>
<p class="tight">
This is a paragraph. The spaces between words will be decreased.
</p>
7.字符转换
text-transform 属性处理文本的大小写。这个属性有 4 个值:
none uppercase lowercase capitalize
默认值 none 对文本不做任何改动,将使用源文档中的原有大小写。顾名思义,uppercase 和 lowercase 将文本转换为全大写和全小写字符。最后,capitalize 只对每个单词的首字母大写。
8.文本方向
如果您阅读的是英文书籍,就会从左到右、从上到下地阅读,这就是英文的流方向。不过,并不是所有语言都如此。我们知道古汉语就是从右到左来阅读的,当然还包括希伯来语和阿拉伯语等等。CSS2 引入了一个属性来描述其方向性。
direction 属性影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向、以及两端对齐元素中最后一行的位置。
注释:对于行内元素,只有当 unicode-bidi 属性设置为 embed 或 bidi-override 时才会应用 direction 属性。direction 属性有两个值:ltr 和 rtl。大多数情况下,默认值是 ltr,显示从左到右的文本。如果显示从右到左的文本,应使用值 rtl。
9.值 pre
不过,如果将 white-space 设置为 pre,受这个属性影响的元素中,空白符的处理就有所不同,其行为就像 XHTML 的 pre 元素一样;空白符不会被忽略。
如果 white-space 属性的值为 pre,浏览器将会注意额外的空格,甚至回车。在这个方面,而且仅在这个方面,任何元素都可以相当于一个 pre 元素。
这是我所学到的HTML基础知识,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!