美文网首页
CSS:规则、注释、背景图像属性、em、font字体属性

CSS:规则、注释、背景图像属性、em、font字体属性

作者: jlnbda3488375 | 来源:发表于2016-12-22 21:24 被阅读12次

CSS规则
CSS 规则由两个主要的部分构成:选择器以及一条或多条声明。

Selector{Property:Value;}
选择器{属性:值}


CSS注释
CSS注释以/****开始,以 * * * */结束


ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用;
类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用;


背景图像

  • background-color
  • background-image
  • background-repeat
  • background-attachment 背景图像是固定还是随着页面滚动
  • background-position

规定背景图片的方向(x方向和y方向);

body
{

background-image:url('gradient2.png');

background-repeat:repeat-x;

background-repeat:no-repeat;

background-position:right top;
}


background的属性可以

.b_img{
background:#ff22ff url('tt.png') no-repeat right top fixed
}


p.main {text-align:justify;}


去掉链接的下划线

text-decoration:none


文字方向
direction:ltr;
direction:rtl;

rtl 从右到左;
ltr 从左到友


web安全字体组合


em
为了避免Internet Explorer 中无法调整文本的问题,许多开发者使用 em 单位代替像素。em的尺寸单位由W3C建议。1em和当前字体大小相等。在浏览器中默认的文字大小是16px。因此,1em的默认大小是16px。可以通过下面这个公式将像素转换为em:px/16=em

合适的写法是:

body {font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
p {font-size:0.875em;}


字体属性

相关文章

网友评论

      本文标题:CSS:规则、注释、背景图像属性、em、font字体属性

      本文链接:https://www.haomeiwen.com/subject/fkjqvttx.html