千家信息网

css外部样式表怎么写

发表于:2025-02-09 作者:千家信息网编辑
千家信息网最后更新 2025年02月09日,这篇文章主要介绍"css外部样式表怎么写",在日常操作中,相信很多人在css外部样式表怎么写问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答"css外部样式表怎么写"的疑惑
千家信息网最后更新 2025年02月09日css外部样式表怎么写

这篇文章主要介绍"css外部样式表怎么写",在日常操作中,相信很多人在css外部样式表怎么写问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答"css外部样式表怎么写"的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

  1.外部样式表:

  

  

  

  2.内部样式表:

  

  

  

  3.内联表

  

  css语法由3部分构成:select {property: value}

  如果值为多个单词,则要给值加引号:p {font-family: "sans serif";}

  多重声明:p {text-align: center; color:red;}

  选择器分组:h2, h3, h4, h5, h6, h7 {color: green;}

  继承:body {font-family: Verdana, sans-serif;}所有子元素都从body继承属性

  a.css第一行:@charset "utf-8";

  派生选择器:li strong {…}用于选择元素

  •   id选择器:#id1 {…}

      类选择器:。class1 {…}

      背景色:background-color:gray;

      背景图像:background-image:url(/ab/cd/e.gif);

      背景重复:background-repeat:repeat-x|repeat-y|no-repeat;

      背景定位:background-position:center|top|bottom|right|left|50% 50%|100px 200px;

      背景关联:background-attachment:scroll|fixed|inherit;

      内边距:padding, padding-top, padding-right, padding-bottom, padding-left

      边框:border, border-top, border-right, border-bottom, border-left, …

      外边距:margin, margin-top, margin-right, margin-bottom, margin-left

      position: static, relative, absolute, fixed

      float: left, right

      a:link {…}

      a:visited {…}

      a:hover {…}

      a:active {…}

    到此,关于"css外部样式表怎么写"的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注网站,小编会继续努力为大家带来更多实用的文章!

    0