最新消息:

层叠样式表CSS的基础和CSS的四种设置方式

CSS 大步 896浏览 0评论

课程内容

  • p什么是CSS
  • pCSS语言语法
  • pCSS的四种设置方式

什么是CSS
  •  CSS是Cascading Style Sheets的简写,它除了可以轻松设置网页元素的显示位置和格式处,甚至还能产生滤镜,图像淡化,网页淡入淡出的渐变效果。
  •  CSS
  •  一个样式表由样式规则组成,以告诉浏览器怎样去呈现一个文档
  •  简而言之,CSS就是要对网页的显示效果实现与Word一样的排版控制。
  •  一个段落: 字体:红色;背景:黄色;有一个2个像素实线边框;字体大小为4cm;
  •  Id  class style  name

CSS语言语法
  •  格式
 属性:值;属性1:值1;属性2.。。。;
 属性和值使用冒号“:”, 多个属性之间使用分号“;”
  •  单位
 颜色:#rgb  #8fa  #aaffaa  red green rgb(255,0,10)
 大小:em 2em  px  pt  %  pc cm mm in
 URL (url)
  •  注释  /*   */  在其中不要再包含注释
CSS的四种设置方式
  •  内联样式表:在HTML元素标签中使用style属性内联<p style=“属性:值;”>

           每个HTML标签都可以加样式

  •  嵌入样式表:通过HTML的<style>标签将CSS嵌入到HTML中使用。直接将css的代码放到html文件里,用
 <style>
  {font-size:4cm;}
 </style>

 可以控制当前页面的所有样式

  • p外部样式表:将样式单独定义在一个后缀名为.css的文档中,并在HTML中通过link元素连接到HTML中使用。在<head>内部用
  •  <link rel=“stylesheet” type=“text/css” herf=“css文件地址”>

 多个页面都可以使用

  •  输入样式表:可以将一个样式文件导入到另外一个样式文件的中,或将一个样式文件到<style>元素中

 @import url(css文件路径)

  •  他们的优先级别:

 内联的高于其它的, 其它的和加载的顺序有关

转载请注明:大步's Blog » 层叠样式表CSS的基础和CSS的四种设置方式

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
SiteMap