CSS基础运用

CSS是Cascading Style Sheets(级联样式表)的缩写。CSS是一种样式表语言,用于为HTML文档定义布局。例如,CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。
CSS与HTML的运用区别
用HTML的话,可以这样: < body bgcolor="#FF0000">  < /body >
用CSS的话,可以这样获得同样的效果:  body {background-color: #FF0000;} 
行内样式表(style属性)
为HTML应用CSS的一种方法是使用HTML属性style。我们在上例的基础之上,通过行内样式表将页面背景设为红色:
< html > 
   < head > 
< title >例子< /title >  
  < /head > 
   < body style=“background-color: #FF0000;” > 
< p >这个页面是红色的< /p >  
 < /body > 
< /html >
内部样式表(style元素)
为HTML应用CSS的另一种方法是采用HTML元素style。比如像这样:
 < html >
   < head >
< title >例子< /title > 
     < style type=“text/css” > 
       body {background-color: #FF0000;} 
    < /style > 
< /head >
< /body >
< /html >
CSS属性font-family的作用是设置一组按优先级排序的字体列表,如果该列表中的第一个字体未在访问者计算机上安装,那么就尝试列表中的下一个字体,依此类推,直到列表中的某个字体是已安装的。有两种类型的名称可用于分类字体:字体族名称(family-name)和族类名称(generic family)
字体族名称(family-name)
字体族名称(就是我们通常所说的“字体”)的例子包括“Arial”、 “Times Xew Roman”、“宋体”、“黑体”等等。
族类(generic family)
一个族类是一组具有统一外观的字体族。sans-serif就是一例,它代表 一组没有“脚”的字体。
文本较换[text-transform]
CSS属性text-transform用于控制文本的大小写。
无论字母本来的大小写,你可以通过该属性令它首字以大写(capitalize)、全部火写(ujjpercase)或者 全部小写(lowercase)。
比如,单词“headline”在展现给网页浏览者时,可以是“HEADLINE”或者 “Headline”。text-transform 属性有四个可选值:
capitalize
将每个单词的首字母转换为大写。例如:“john doe”将被转换为“John Doe”。
uppercase
所有字母都转换为大写。例如:“john doe”将被转换为“JOHN DOE”。 lowercase
所有字母都转换为小写。例如:“JOHN DOE”将被转换为“john doe”。
none
不作任何转换 文本怎么写的就怎么显示。

猜你喜欢

转载自blog.csdn.net/weixin_44552839/article/details/87888138