怎么定义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>
代码书写方式:
- #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?的主要内容,如果未能解决你的问题,请参考以下文章