大佬教程收集整理的这篇文章主要介绍了html5-css简介和属性：border、background、font，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
8月8日@H_772_6@
Css(层叠样式）和@H_772_6@html@H_772_6@结合有三种常用的，一种不常用的结合方法：@H_772_6@@H_772_6@
1、内联样式表：在html@H_772_6@标签中使用@H_772_6@style@H_772_6@属性使用样式表@H_772_6@@H_772_6@
2、嵌入样式表：在html@H_772_6@中使用@H_772_6@<style></style>@H_772_6@@H_772_6@
3、外部样式表：使用后缀为.css@H_772_6@的文件@H_772_6@html@H_772_6@@H_772_6@
引入<link rel=@H_772_6@””type=””href=””/>@H_772_6@
4、输入样式表：将一个css@H_772_6@文件导入到另外的@H_772_6@css@H_772_6@文件中@H_772_6@@H_772_6@
（1）在css@H_772_6@文件中头部写@H_772_6@@import url@H_772_6@（“@H_772_6@name.css@H_772_6@”）@H_772_6@html@H_772_6@文件再引入这个@H_772_6@css@H_772_6@文件@H_772_6@@H_772_6@
（2）或在html@H_772_6@文件中@H_772_6@<style>@import url(name.css)</style>@H_772_6@@H_772_6@
BACkground-img:url(“”);背景图片，inherit（继承，该继承父类的背景图片，在div中孙子类页可以继续图片，在table中<tr>下的<td>设置的背景图片是不会继续body或者是table，tr不是table的子类）@H_772_6@@H_772_6@
BACkground-attachment：@H_772_6@fixed@H_772_6@；背景图片不会随滚动条滚动，而是固定@H_772_6@@H_772_6@
aackground-repeat:repeat(默认）repeat-x（y）、no-repeat 、inherit（从父元素继承该属性）@H_772_6@
BACkground-color：背景颜色@H_772_6@
BACkground-position:背景图片的起始位置x轴y轴（top left、top center、bottom left、center left）@H_772_6@
BACkground-size:背景图片的大小。设置方法1、px定义宽高，第一个值为宽，只设一个，第二个为auto 2、以父元素的百分比设置% 3、cover使背景图片扩展至足够大，以使背景图像完全覆盖背景区域。@H_772_6@@H_772_6@
4、contain把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域@H_772_6@@H_772_6@在BACkground中设置以上全部值@H_772_6@@H_772_6@
BACkground：#fff url(name.jpg) repeat-x fixed top left;@H_772_6@@H_772_6@
border和outline属性@H_772_6@@H_772_6@
border：width、style、color@H_772_6@@H_772_6@
border-color:边框颜色@H_772_6@@H_772_6@
border-style:dotted（点状）、solid（实线）、double（双线）、dashed（虚线）inherit（继承）@H_772_6@@H_772_6@
border-width:边框宽度@H_772_6@@H_772_6@
四边边框，border-bottom、border-left、border-top、border-right@H_772_6@@H_772_6@
border-bottom:width、style、color@H_772_6@
border-bottom-widht:宽度border-bottom-style：样式border-bottom-color：颜色@H_772_6@
左右上，同上。@H_772_6@
@H_772_6@
outline声明轮廓属性，绘制元素周围的一条线，位于边框边缘外围@H_772_6@
outline：color、style、width@H_772_6@@H_772_6@@H_772_6@
outline-color：颜色、@H_772_6@
outline-style：solid、dotted、dashed（同border-style）@H_772_6@
outline-width：宽度（thick）@H_772_6@
border-radius：px、%；（定义边框四角的形状）@H_772_6@@H_772_6@
border-bottom-left-radius定义边框的左下角形状@H_772_6@
border-bottom-right-radius定义边框的右下角的形状@H_772_6@
border-top-left-radius:边框的左上角形状@H_772_6@
border-top-right-radius:边框右上角形状@H_772_6@
border-image:url（“图片路径”）slice（向内偏移） width（边框宽度） outset（图像超出边框的量） repeat@H_772_6@@H_772_6@
border-image-outset:边框图像区域超出边框的量@H_772_6@@H_772_6@
border-image-repeat:图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。@H_772_6@@H_772_6@
border-image-source:用在边框的图片路径@H_772_6@
border-image-slice:图片边框向内偏移@H_772_6@
border-image-width:图片边框的宽度@H_772_6@
font:声明字体的属性@H_772_6@@H_772_6@
font-family:字体系列如宋体、微软雅黑@H_772_6@
font-size:字体尺寸@H_772_6@
font-style:字体的样式，normal（默认，浏览器中标准的字体样式）、italic（‘斜体‘’字体样式，属于一种字体family）@H_772_6@
@H_772_6@oublique（倾斜的字体样式，是将文本中的字体倾斜）、inherit（继承父元素）@H_772_6@
font-weight:字体的粗细，normal（默认）、bold（粗体）、bolder（更粗）、lighter（更细）@H_772_6@
@H_772_6@100~900（没有px）、inherit（继承）@H_772_6@
font-stretch:收缩或拉伸当前的字体系列（所有浏览器都暂不支持）wider（伸展） narrower（收缩）@H_772_6@
以上是大佬教程为你收集整理的html5-css简介和属性：border、background、font全部内容，希望文章能够帮你解决html5-css简介和属性：border、background、font所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。