发表于: 2018-10-13 09:51:42
1 672
今天完成的事情:
(1)学习CSS基本概念:CSS层叠样式表,是一系列格式规则,用于控制网页内容到外观并允许样式信息和网页内容分离到一种标记语言。
HTML与CSS到关系是“网页结构”与“表现形式”到关系。
CSS基本语法:选择器{属性:属性值;......}
常用到选择器有:标记选择器:以标签名称作为选择器的名称
类别选择器:.类名
ID选择器:#IDname
属性选择器:对带有指定属性对元素设置样式
派生选择器:根据文档对上下文来确定标签样式
有四种不同对方法将样式添加到页面:1.行内样式 2.内嵌样式 3.链接式样式 4.导入样式
(2)CSS样式
1、背景样式的属性有:背景色background-color;背景图像background-image;背景重复background-repeat;背景定位background-position;背景关联background-attachment
2、文本样式的属性有:文本首行缩进text-indent;水平对齐text-align;单词间隔word-spacing;字母间隔:letter-spacing;字符转换text-trasform;文本装饰text-decoration;处理空白符white-space;文本行距line-height;文本方向direction
(3)字体样式
指定字体font-family;字体分格font-style;字体变形font-variant;字体加粗font-weight;字体大小font-size
(4)链接样式
链接的四种状态:a:link未被访问;a:visited已经访问;a:hover鼠标位于链接上方时;a:active点击链接时。在样式中书写的顺序不能改变!
属性有:color;text-decoration;font-size;font-family;background-color
(5)列表样式属性:list-style-type;list-style-image;list-style-position。可以简写list-style
(6)表格样式:table外框元素;th,td单元格元素
边框属性border;折叠边框:border-collapse;表格内文本对齐text-align,vertical-align;表格背景background-color
(7)轮廓样式:outline绘制元素边框外文的线
outline-color;outline-style;outline-width。可以简写outline:
(8)单位px、em和rem:
任意浏览的默认字体大小是16px。
px是相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。 em的值并不是固定的,继承父级元素的字体大小。
rem也是相对长度单位。相对于HTML根元素的字体尺寸。
明天计划的事情:
学习css盒子模型,css定位,编写任务一
遇到的问题:
暂无
收获:
了解了CSS的几种样式的基本属性;了解了CSS常用选择器的用法;了解了单位px、em和rem
评论