怎么定义css?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么定义css?相关的知识,希望对你有一定的参考价值。

参考技术A 定义css分三类:
第一类:标签元素
body,ul,li等,直接定义 ,格式:标签名属性:样式
bodyfont-size:12px;
第二类:类定义 在前面都是要加点
.topmargin-top:20px;
第三类:id定义,id定义是样式里做高的,一般不建议用。id定义用#
#footer margin-top:20px;
参考技术B

2.1:CSS选择器
2.1.1标签选择器
代码书写方式:

    h3 color:#FF0000; font-size:30px; /* 标签选择器,这种定义方法可以定义网页中所有H3的显示样式,不提倡使用 */
复制代码代码解释:


2.1.2类别选择器
代码书写方式:
    .cssa color:#FF0000; text-decoration: underline; 
复制代码代码解释:

实例:
    <html>
    <head>
    <title>类选择器的使用</title>
    <style type="text/css">
    <!--
    .cssa color:#FF0000; text-decoration: underline; 
    .cssb
    font-size:30px;

    -->
    </style>
    </head>

    <body>
    <h1>不使用任何类</h1>
    <h1 class="cssa">使用类.cssa</h1>
    <h1 class="cssb">使用类.cssb</h1>
    <h1 class="cssa cssb">同时使用两种类</h1>
    </body>
    </html>
复制代码2.1.3ID选择器
代码书写方式:
    #cssa color:#FF0000; text-decoration: underline; 
复制代码代码解释:

示例:
    <html>
    <head>
    <title>ID选择器的使用</title>
    <style type="text/css">
    <!--
    #cssa color:#FF0000; text-decoration: underline; 
    #cssb
    font-size:30px;

    -->
    </style>
    </head>

    <body>
    <h1 id="cssa">使用cssa</h1>
    <h1 id="cssb">使用cssb</h1>
    </body>
    </html>
复制代码

2.1:CSS选择器2.1.1标签选择器代码书写方式:h3 color:#FF0000; font-size:30px; /* 标签选择器,这种定义方法可以定义网页中所有H3的显示样式,不提倡使用 */复制代码代码解释:2.1.2类别选择器代码书写方式:.cssa color:#FF0000; text-decoration: underline; 复制代码代码解释:实例:<html><head><title>类选择器的使用</title><style type="text/css"><!--.cssa color:#FF0000; text-decoration: underline; .cssbfont-size:30px;--></style></head><body><h1>不使用任何类</h1><h1 class="cssa">使用类.cssa</h1><h1 class="cssb">使用类.cssb</h1><h1 class="cssa cssb">同时使用两种类</h1></body></html>复制代码2.1.3ID选择器代码书写方式:#cssa color:#FF0000; text-decoration: underline; 复制代码代码解释:示例:<html><head><title>ID选择器的使用</title><style type="text/css"><!--#cssa color:#FF0000; text-decoration: underline; #cssbfont-size:30px;--></style></head><body><h1 id="cssa">使用cssa</h1><h1 id="cssb">使用cssb</h1></body></html>复制代码   

参考资料:CSS基本语法 http://www.idnzs.com/thread-73-1-1.html

参考技术C   在网页中<head></head>之间插入<link href="layout.css" rel="stylesheet" />

  然后再在layout.css文件里面定义具体属性
  eg:
  .ab Id选择符
   width:10px;

  
  #bc class选择符
   height:20px;

  
  也有一些别的,比如直接用标签名,eg: a
参考技术D . 加上 要定义的类名 属性:样式; 第5个回答  2012-12-25 <link href="StyleSheet.css" rel="stylesheet" />

自定义css怎么添加在现有样式上添加组件

参考技术A css中直接使用给出的css变量赋值即可。自定义css添加在现有样式上添加组件直接使用给出的css变量赋值即可。自定义属性(有时也被称作CSS变量或者级联变量)是由CSS作者定义的,它包含的值可以在整个文档中重复使用。

以上是关于怎么定义css?的主要内容,如果未能解决你的问题,请参考以下文章

css怎么定义页面背景为横条

怎么解决两个CSS定义冲突?

我想问个问题,怎么用CSS定义每张图片旋转90°输出?

CSS-自定义鼠标图标

CSS定义了文字颜色color之后怎么清除

怎么用CSS定义body标签居中显示!要详细的CSS代码!写!急!