Project1

标题: 空间装修实用CSS以及div最基本用法 [打印本页]

---

作者: Losses    时间: 2011-9-13 19:19
标题: 空间装修实用CSS以及div最基本用法


仅供新手参考，老鸟自行飞过。
书写缘由：看小柯博客太逆眼了- -....
1、div与css连通：
css的基本规范格式（注意：我这里只标注分块的写法而没有标注一整行的写法，因为我不喜欢=w=~）

1. #[idname] {
   
2. include.
   
3. }

复制代码

2、点和井号的区别：
翻代码的同学 有时候能看到类似于：

1. .[idname] {
   
2. include.
   
3. }

复制代码

这样的代码；实际上我也很好奇到底有什么区别，在网上查了一下：

在CSS，具体是在 style.css 中， # 号是你用来指向跟着 id 的 DIV。而点号是用来指向跟着 class的 DIV。举个 class 的例子，如果你的代码是 <div class=”wrapper”>，那么就用 .wrapper 来替代 #wrapper 去指向 wrapper DIV 标签。    ——http://www.cooleo.org/wordpress/wp-css/

至于class和id什么区别我也没深究过，身边的人写的码都用的id。
3、div标签
代码容器而已，童鞋们只需要知道基本的几个参数就行。

1. <div id="xxx">
   
2. Inc.
   
3. </div>

复制代码

表示给容器定义ID，以便于适配css。

1. <div style="[css Inc.]">
   
2. Inc.
   
3. </div>

复制代码

直接给容器定义样式。



----------------------------今天先写这些，未完待续- -...（喂！

---

作者: 神隐小子    时间: 2011-9-13 20:03


class和id的区别就在于风格的定位。
class可以说是给予一种style，而id则可以赋予一种skin.
嘛，说白了就是美化一个页面与固定整个风格的意思。

1. .center {text-align: center}

复制代码

调用方法：

1. <h1 class="center">
   
2. This heading will be center-aligned
   
3. </h1>
   
4. 
   
5. <p class="center">
   
6. This paragraph will also be center-aligned.
   
7. </p>
   

复制代码

然后#号的比如我要做个网站头的风格

1. #websitetop p {
   
2.         font-style: italic;
   
3.         text-align: right;
   
4.         margin-top: 0.5em;
   
5.         }
   
6. 
   
7. #websitetop h2 {
   
8.         font-size: 1em;
   
9.         font-weight: normal;
   
10.         font-style: italic;
    
11.         margin: 0;
    
12.         line-height: 1.5;
    
13.         text-align: right;
    
14.         }
    
15. ...等等
    

复制代码

调用方法：

1. <div id="websitetop">内容</div>

复制代码

---

作者: 苏小脉    时间: 2011-9-13 21:40
多个 HTML 元素可以有相同的 class，CSS 针对 class 定义的风格应用于所有属于该 class 的元素。每个元素必须有唯一的 id，CSS 针对 id 定义的风格仅应用于该 id 标识的元素。

---

欢迎光临 Project1 (https://rpg.blue/)

Powered by Discuz! X3.1