css 常见款式(共享)

日期:2021-01-20 类型:科技新闻 

关键词:建站平台有哪些,如何建设网站,免费自助建站,如何建立一个网站,网站建站的

font-family 设定字体样式名字

可使用好几个名字,用逗号隔开,访问器则依照前后次序先后应用能用字体样式

XML/HTML Code拷贝內容到剪贴板
  1. p { font-family:'宋体','黑体','Arial'; }  

font-size 设定字体样式尺寸

length 用长度值特定文本尺寸,不容许负值

percentage 用百分比特定文本尺寸,其百分比赋值是根据父目标中字体样式的规格,不容许负值

XML/HTML Code拷贝內容到剪贴板
  1. p { font-size:14px;}  

font-weight 操纵字体样式粗细

normal 一切正常的字体样式,非常于数据值400

bold 粗体,非常于数据值700

100~900 界定由细到粗的标识符

XML/HTML Code拷贝內容到剪贴板
  1. p { font-weight:bold;}  

font-style 操纵字体样式是不是歪斜

normal 特定文字字体样式款式为一切正常的字体样式

italic 特定文字字体样式款式为斜体,针对沒有设计方案斜体的独特字体样式,假如要应用斜体外型将运用oblique

oblique 特定文字字体样式款式为歪斜的字体样式,人为因素的使文本歪斜,而并不是去选择字体样式中的斜体字

XML/HTML Code拷贝內容到剪贴板
  1. p { font-style: normal; }   
  2. p { font-style: italic; }   
  3. p { font-style: oblique; }  

font(字体样式款式缩写)

CSS Code拷贝內容到剪贴板
  1. 例:   
  2. p{   
  3. font-styleitalic;   
  4. font-weightbold;   
  5. font-size14px;   
  6. line-height22px;   
  7. font-family:'宋体';   
  8. }   
  9.   
  10. 缩写后:   
  11. p { fontitalic bold 14px/22px '宋体'; }  

color 文字色调

•英文单词,例如:red,yellow,green …

•106进制表明方法,#开始,6个106进制的标识符或数据组成,例如:#FFFFFF,#000000 …

•RGB方式,红 0⑵55,绿 0⑵55,蓝 0⑵55,例如:RGB(120,33,234)

•RGBA方式,例如:RGBA(255,0,0,0.5),最终的A表明全透明度50%

text-decoration 文字装饰设计线条

none 默认设置。界定规范的文字

underline 界定文字下的1条线

overline 界定文字上的1条线

line-through 界定穿过文字的1条线

blink 界定闪动的文字

CSS Code拷贝內容到剪贴板
  1. h1 {text-decoration:overline;}   
  2. h2 {text-decoration:line-through;}   
  3. h3 {text-decoration:underline;}  

text-shadow 文字黑影

h-shadow 必须。水平黑影的部位。容许负值

v-shadow 必须。竖直黑影的部位。容许负值

blur 可选。模糊不清的间距

color 可选。黑影的色调

CSS Code拷贝內容到剪贴板
  1. h1{ text-shadow2px 2px 2px #ff0000;}  

宽度 width : auto | length

高宽比 height : auto | length

CSS Code拷贝內容到剪贴板
  1. p { width:300px;}   
  2. div { width:50%;}   
  3. img { height:200px;}   
  4. div { height:100px;}  

外边距 margin : auto | length

margin-top 设定上边的外边距

margin-bottom 设定下边的外边距

margin-left 设定左侧的外边距

margin-right 设定右侧的外边距

缩写型式:

margin: 上边距  右侧距  下边距  左侧距

margin: 左右边距  上下边距

margin: 上边距  上下边距  下边距

CSS Code拷贝內容到剪贴板
  1. div { width:300pxheight:100pxmargin:10px;}   
  2. div { width:300pxheight:100pxmargin:0 auto;}  

内边距 padding : length

padding-top 设定上边的内边距

padding-bottom 设定下边的内边距

padding-left 设定左侧的内边距

padding-right 设定右侧的内边距

XML/HTML Code拷贝內容到剪贴板
  1. div { width:300px; height:100px; padding:10px;}  

全透明度 opacity : <number>

number值为 0.0⑴.0 之间的小数

适配全访问器的写法:

XML/HTML Code拷贝內容到剪贴板
  1. div{ filter:alpha(opacity=50); }  /* IE6-IE8 */   
  2. div{ opacity:0.5; }  /* 当代访问器 */  

以上这篇css 常见款式(共享)便是网编共享给大伙儿的所有內容了,期待能给大伙儿1个参照,也期待大伙儿多多适用脚本制作之家。

上一篇:手机微信手机游戏营销推广之12 返回下一篇:没有了