发表于: 2018-07-02 23:18:48
1 656
今天完成的事情:
1、对CSS有了基础认识:CSS规则由选择器和声明两部分组成,声明用花括号包含,声明由属性和值构成,如h1{color:red;fonf-size:14px;};还可以对选择器进行分组,被分组的选择器就可以分享相同的声明,如h1,h2,h3{color:red};创建CSS即插入样式表有三种方法:外部样式表(外部样式表可以在任何文本编辑器中进行编辑)、内部样式表(当单个文档需要特殊的样式时,就应该使用内部样式表)、内联样式表(要使用内联样式,你需要在相关的标签内使用样式)(style)属性。
2、学习了CSS的一些样式。(1背景)background-lolor属性为元素设置背景色,其默认值是 transparent透明;background-image 属性设定图像为背景,默认值是 none,表示背景上没有放置任何图像,如果需要设置一个背景图像,必须为这个属性设置一个 URL 值:,如body{background-image:url(/i/eg_bg_04.gif);};如果需要在页面上对背景图像进行平铺,可以使用background-repeat属性,repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺;background-position属性改变图像在背景中的位置,有top、bottom、left、right 和 cente;(2文本)text-indent属性实现文本缩进;text-align属性设置文本对齐方式。值 有left、right 和 center;word-spacing属性可以改变字(单词)之间的标准间隔,其默认值 normal 与设置值为 0 是一样的;letter-spacing属性定义字母间隔,其属性的可取值包括所有长度,默认关键字是 normal;text-transform属性处理文本的大小写,字符转换;(3字体)使用font-family属性定义文本的字体系列;font-style属性规定文本显示方式,该属性有三个值:normal - 文本正常显示、italic - 文本斜体显示、oblique - 文本倾斜显示;font-weighe属性设置文本的粗细;font-size属性设置文本的大小;(4列表)要修改用于列表项的标志类型,可以使用属性list-style-type;对各标志使用一个图像,可以利用list-style-image 属性做到; list-style-position属性确定标志出现在列表项内容之外还是内容内部;(5表格)border-collapse 属性设置是否将表格边框折叠为单一边框;通过 width 和 height 属性定义表格的宽度和高度;ttext-align 属性设置水平对齐方式,比如左对齐、右对齐或者居中;vertical-align 属性设置垂直对齐方式,比如顶部对齐、底部对齐或居中对齐;如需控制表格中内容与边框的距离,请为 td 和 th 元素设置 padding 属性;(6轮廓)outline-color设置轮廓颜色;outline-style设置轮廓样式;outline-width设置轮廓宽度。
明天计划的事情:
学习CSS框模型、定位及CSS高级
遇到的问题:
ID选择器和类选择器没太看懂理解,后面再学习
收获:
之前看HTML时,有些例子加了样式涉及到CSS,现在明白了CSS的强大功能。学到了最基本的背景、文本、字体、列表和表格属性。
评论