html中基础常见样式

背景图

background-image:url(图片路径);

图片的路径:是指从该资源的文档为起点(URL为起点)

查找资源文件的过程所形成的路径

如果是上级目录../

如果是同级目录./

项目文件夹,文件都不要使用中文 空格

背景图片平铺设置

repeat:平铺.一般应用场景,利用一小块图案进行平铺

background-repeat:no-repeat;不平铺

背景图定位:

background-position:right bottom;

以左上角为0px 0px : 33px 50px;

连写属性: 颜色 图片 定位 平铺

文字相关

字体大小:浏览器默认的字体大小是16pc,最小12px

font-size:30px;

字体颜色

color:rgb(255,0,0)

字型 monospace 保证英文字体宽度一样

font-family:monspace;

字体加粗 默认为normal 100-900

变细:lighter 变粗:bold bolder

字体样式 italic斜体

font-style:italic;

文本排列有关样式默认情况下为left

text-align:left;

文字的缩进 2em:两倍的当前字体的大小 也可以是小数

文字的下划线

text-decoration:underline;

去掉下划线 为none

字体贯穿线

text-decoration:line-through;

要实现下划线和贯穿线两个属性连写,之间用空格

字符间距

Letter-spacing:20排序;

词间距:浏览器对单词的分辨是按照字符的规律

进行分辨的, 单词之间加空格或者- 等

word-spacing:20px;

默认情况下:当一行字数放不下时,汉字会默认换行,

英文和数字不会

自动换行

word-wrap:break-word;

强制不换行

white-space:nowarp;