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-style: italic;   
  4. font-weight: bold;   
  5. font-size: 14px;   
  6. line-height: 22px;   
  7. font-family:'宋体';   
  8. }   
  9.   
  10. 缩写后：   
  11. p { font: italic 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-shadow: 2px 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:300px; height:100px; margin:10px;}   
  2. div { width:300px; height:100px; margin: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 返回下一篇：没有了