十年匠心定制 · 商业建站与技术教学双线并行 咨询热线:400-886-1026 service@lmnt.cn
ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

常见样式声明

常见样式声明 常见样式声明1. color2. backgroung-color3. font-size4. font-weight5. font-family6. font-style7. text-decoration8. text-height9. line-height10. width11. height12. letter-space13. text-align1. color可以被继承 元素内部的文字颜色预设值定义好的单词三原色色值光学三原色红绿蓝每个颜色可以使用0-255之间的数字来表达数值越大颜色越亮两种表示方法· rgb表示法x,x,xx属于0~255代表红绿蓝rgb(0,255,0)· hex(16进制)表示法#红绿蓝把数字换成两位十六进制的数#xxxxxx每两位代表一个颜色如果是 #aabbcc则也可以表示为#abc2. backgroung-color不能被继承 元素背景颜色淘宝红#ff4400,#f40黑色#000000#000白色#ffffff#fff红#ff0000#f00绿#00ff00#0f0蓝#0000ff#00f紫#f0f青#0ff黄#ff0灰色#ccc3. font-size(可以被继承) 元素内部文字的尺寸大小1)px:像素绝对单位简单的理解为文字的高度占多少个像素2)em:相对单位相对于父元素的字体大小每个元素必须有字体大小如果没有声明则直接使用父元素的字体大小如果没有父元素(html),则使用基准字号。user agentUA,用户代理(浏览器)4. font-weight可以被继承 文字粗细程度可以取值数字可以取值为预设值400strong、em元素 默认加粗5. font-family文字类型必须用户计算机上面存在的字体才会有效 使用多个字体以匹配不同环境最后使用sans-serif默认的非衬线字体用于古老的计算机防止最后显示不出文字6. font-style(可以被继承) 字体样式通常用它设置斜体i元素em元素默认倾斜字体em元素表示强调的内容斜体strong加粗i元素默认样式倾斜字体用来表示科技术语其他语种的成语俗语、想法、宇宙飞船的名字等等。实际使用中通常用它表示一个图标(icon))7. text-decoration不能继承 文本修饰给文本加线。line-through给中间加一条线overline给上面加一条线underline给下面加一条线a元素默认下划线不要下划线就给后面加一个nonedel元素错误的内容默认line-through成语del章/del张口就来 给章字中间画一条线s元素过期的内容默认line-through8. text-height可以被继承 首行文本缩进9. line-height行高可以被继承每行文本的高度该值越大每行文本的距离越大设置行高为容器的高度可以让单行文本垂直居中行高可以设置为纯数字表示相对于当前元素的字体大小在多行文字的时候,用line-height:1.510. width不能被继承 宽度11. height不能被继承 高度12. letter-space可以被继承 文字间隙letter-space:3px或者2em13. text-align可以被继承 元素内部文字的水平排列方式 leftrightcenter
返回列表