web前端：HTML学习 day04

作者:宋阿慧の小跟班 更新于： 2020-03-16 20:15:09

　　在WWW上的一个超媒体文档称之为一个页面（page）。作为一个组织或个人在万维网上开始点的页面称为主页Homepage，或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接）。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或web）。

　　1、字体、文本声明

　　声明语句必须要包含在{}号之中；

　　属性和属性值之间用“:”分隔；

　　当有多个属性时，用“；”进行区分；

　　在书写属性时属性之间使用空格、换行等，并不影响属性的显示；

　　如果一个属性有多个值，则每个属性值之间用空格分隔开。

　　css属性-字体

　　font-size字体大小属性：可设置字体的大小，常用单位px。网页默认大小16px

　　font-style字体风格属性：设置字体是否倾斜。font-style:normal/italic/oblique分别为正常/斜体

　　font-weight字体加粗属性：设置字体加粗。font-weight:normal/100-900/bold/bolder分别为正常/加粗

　　font-family字体名称属性：设置字体名称。font-family:"字体名称"

　　text-align文本对齐属性：设置文本对齐格式。text-align:top/bottom/middle/justify(两端对齐)

　　vertical-align垂直对齐方式。vertical-align:top/bottom/middle

　　line-height行高属性：设置行距。line-height:数值/倍数

　　text-decoration文本修饰属性：设定文本划线属性

　　语法：text-decoration:none/underline(下划线)/overline(上划线)/line-through(删除线)/blink(文字闪烁)

　　letter-spacing设置文本字符间距。控制字母或者汉字的间距

　　word-sapcing设置单词字母间距。

　　text-transform大小写切换。text-transform:none/capitalize(每个字母大写开头)/uppercase(仅有大写字母)/lowercase(仅有小写字母)

　　font-variant:normal/small-caPS/inherit小型大写字母规定应该从父元素继承

　　font:font-weightfont-stylefont-size/line-heightfont-family;文字属性的缩写

　　注意：文字缩写属性必须要在font-size和font-family同时存在时才会生效

　　其中font-weight和font-style没有会使用缺省值。

　　font-size和line-height必须以"/"(反斜杠)连接。

　　文字属性的简写必须按照此顺序

　　color颜色属性。color:颜色;

　　width宽度属性。值为数值，单位px/%

　　height高度属性。值为数值，单位px/%

　　2、列表的声明

　　CSS属性-列表

　　定义列表符号样式：1.list-style-type：disc(实心圆)/circle(空心圆)/square(实心方块)/none(去掉列表符号)

　　2.使用图片作为符号：list-style-image:url（所使用图片的路径及全称）

　　3.定义列表符号位置：list-style-position:outside/inside

　　3、背景的声明

　　CSS属性-背景

　　background-color为元素设置背景色

　　background-image为元素设置背景图。background-image:url(图片的路径及全称)

　　background-repeat设置背景图是否平铺。

　　语法：background-repeat:repeat/repeat-x/repeat-y/no-repeat

　　background-position背景定位属性，设置背景图片属性，

　　通过方向或者数值来设置：lefttop；或者0px0px；分别表示水平位置和垂直位置

　　background-attachment背景附着属性，设定图片是否跟随内容滚动值：scroll/fixed

　　语法：background:背景颜色背景图像背景位置背景重复背景附着

　　4、浮动的详细讲解

　　CSS属性-浮动

　　网页元素的三种位置方式

　　1.普通流：普通流中元素框的位置由元素在Xhtml中的位置决定。元素从上到下依次排列

　　2.浮动：浮动的元素脱离普通流。浮动的元素可以在左右移动，直到它的外边框边缘碰到包含块或另一个浮动元素的边缘。

　　3.定位

　　float:none/left/right;左/右浮动。浮动框是脱离了普通的文档流

　　clear：none/left/right/both无/左/右/全部不允许浮动

　　HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点------就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。