单页建站系统,人才网站建设经费用途,邢台123今天的招聘信息,免费微信小程序官网字体
常见字体设置
body {font-family: font-family: Microsoft YaHei, Tahoma, Arial, Hiragino Sans GB,sans-serif;
}浏览器从前到后匹配#xff0c;找到可用字体结束#xff0c;都没匹配上#xff0c;使用浏览器默认字体
常用字号
不同浏览器默认字号可…字体
常见字体设置
body {font-family: font-family: Microsoft YaHei, Tahoma, Arial, Hiragino Sans GB,sans-serif;
}浏览器从前到后匹配找到可用字体结束都没匹配上使用浏览器默认字体
常用字号
不同浏览器默认字号可能不一样建议手动设置通用基础字体大小需要调整的地方再进行单独设置
font-size: 16px;字体粗细
字体粗细可以用属性值和数字表示 属性值 bolder, bold, normal. lighter 数字 400 normal 700 bold 数字越大字体越粗 样式
font-style: normal / italic文本
颜色
color: 颜色名词 / 16进制 / rgb对齐方式
设置盒子内内容对齐方式设置在父元素作用在子元素
text-align: left/center/right文本装饰给文本画标线
text-decoration: underline/overline/line-through/none(默认)最常用于去掉 a 标签默认的下划线
文本缩进
text-indent: 2em;常用于段落首行缩进em 为相对单位其大小相对于当前字体的倍数
行间距
行间距 上边距 文本高度 下边距 单行文本在盒子垂直居中可设置 行间距行高等于盒子高度即可
line-height: 16px;背景
背景颜色
background-color: #555555/transparent(默认透明);设置透明度使用 rgba(r, g, b, [0, 1]); 最后一位 0-1 表示透明度
背景图片
background-image: none | url(http://xxxx....)同时设置背景颜色和背景图片时图片覆盖颜色但是超出图片的位置依然以背景色为准
常用于 小的装饰图片便于调整其位置 和 大的底层背景图
图片平铺
背景图片默认 x y轴都平铺占满盒子
background-repeat: repeat | no-repeat | repeat-x | repeat-y背景图片位置
background-position: position(top|bottom|left|right|center) | length(百分比|具体数值)可以用方位名词和数值表示 top/bottom 为垂直方向left/right 为水平方向center 都可以表示
一个值 方位名词根据名词语义表示一个方向的对齐方式另一个方向上居中数值数值表示 X 轴Y轴居中 两个值 方位名词按实际名词语义对齐数字按 X Y 的顺序对齐名词和数字混合第一个表示 X轴方向第二个表示 Y轴方向
背景图片固定
background-attachment: scroll默认 | fixed默认背景图片会随着页面一起滚动
