已掉线,重新登录

首页 > 绿虎论坛 > 历史版块 > 编程 > HTML/CSS/JS > 讨论/求助

标题: 怎么结合调用啊

作者: @Ta

时间: 2015-04-25

点击: 20456

html和css怎么结合在一起,又怎么调用,我不会啊,求实例

[隐藏样式|查看源码]


『回复列表(30|隐藏机器人聊天)』

1. link连接
(/@Ta/2015-04-25 10:47//)

2. 百度
(/@Ta/2015-04-25 11:06//)

3.
……
(/@Ta/2015-04-25 11:15//)

4. @也许神知道,可不可以直接在html界面混写入css,还有,css文件怎么做的?
(/@Ta/2015-04-25 11:40//)

5. @花祭,…混用的就是:<style>xxxx</style>,把要写的css写在xxxx里就行了,至于怎么写,百度!不过不建议混着写,对收录,服务器影响很大
(/@Ta/2015-04-25 11:44//)

6. ……
(/@Ta/2015-04-25 18:34//)

7. @无影线,谢了,我只是在本地练习而已
(/@Ta/2015-04-26 13:36//)

8. @无影线,没有影响的…收录蜘蛛只会记录文字和链接,css是客户端加载的…只是外部引用可以重用,省硬盘,内部写加快加载速度(不必单独获取css文件)
(/@Ta/2015-04-26 13:45//)

9. @花祭
<style type="text/css">
  body {background-color: #000;}
</style>
<p style="background-color: #000;">这是一个段落</p>
(/@Ta/2015-04-26 13:48//)

10. @读书顶个鸟用,第四段是在调用第二段的css吗?
(/@Ta/2015-04-26 13:53//)

11. 知道你是从HTML来的。
我告诉你怎么结合吧。
 已知我有一个
<h1>我是HTML</h1>

现在,使用CSS的选择器,来控制h1

就这样写:
h1{
  color:red;
}

于是乎,h1被染成了红色。


那么我要自定义一块呢,就是用到div(块级)标记


我是HTML我也是HTML
<div class="mark">我是一个被class(类)为mark标记的HTML</div>



再来去CSS部分操作它,用class选择器,写法如下
.mark {
  color:yellow;
}

这样,被mark包裹住的部分都会变得好黄好黄的~~

除了基本的class,还有id,都差不多,但是意义不一样。
除了基本的div块,还有span  行内等


半夜三点我们就深入深入{色}


开始深入,别怕疼:


总结,一块,最好用div来标记。
class的写法是 一个点加类名
.xxx
id的写法是 #id名

直接选取已经存在的HTML标签也可是

body{样式}
h1{……}
b{…}
就是直接写  不加任何符号~


(/@Ta/2015-04-26 14:16//)

12. @c,好吧,因为没用心试过,一直以为有影响的。也算得了教育了,谢
(/@Ta/2015-04-26 16:51//)

13. @c,好吧,因为没用心试过,一直以为有影响的。也算得了教育了,谢
(/@Ta/2015-04-26 16:53//)

14. @花祭,关于9楼的解释。不是调用,body是整个页面的css定义,<p style=…>则是对于p属性的定义,也就是说,被“<p style=…></p>”包裹的文字背景会显示#000的颜色,但只会对该条生效。你可以看一下笑忘书的磨盘里,那儿应该有很清楚的各项解释。其实,这主要靠自己不断测试、练习的。
(/@Ta/2015-04-26 17:02//)

15. @花祭,动手实验,映像更加深刻,理解更加清晰
(/@Ta/2015-04-26 18:03//)

16. @无影线@水木易安,没有效果
(/@Ta/2015-04-27 11:55//)

17. @花祭,嗯
因为CSS有三种写法
外链 内联 行内

看好了 

外链就是用link的方法(具体语法百度


内联就是例如


在HTML文档head部分
加入
<style="text/css">
body{background:red;}
/*妈蛋 这段加到head里没反应我直播吃翔*/
</style>


行内方式就是用HTML标签引入style 属性
例如

<h1 style="color:red;">我是红色的标题</h1>
(/@Ta/2015-04-27 12:27//)

18. @水木易安,<style="text/css">
body{background:red;}
/*妈蛋 这段加到head里没反应我直播吃翔*/
</style>先这样,然后怎么用调用里面的css?还有,那个html属性标签我会,就是不知道html5支不支持
(/@Ta/2015-04-27 18:14//)

19. @花祭,<style>里是集中写CSS的部分。

假如你的HTML是有一个<h1>和一段<p> 并且还有一个div class="test"

那么就这样
<style type="text/css">
body{background:#999;}/*选择整个body并添加属性*/
h1{font-size:18px;color:red;}/*选择h1并添加字体大小和红色*/
p{这里省略}/*同h1*/
.test{这里省略,是自定义的class的样式}/*这里是选择了class=test的*/
</style>



说到底,你还是没搞清楚css结构,建议去W3school系统学习基础。磨刀不误砍柴工。
另外,行内标记是支持HTML5的,行内的优先级高,假设前面CSS写了某个样式,而行内再次定义,那么渲染会遵从行内的语法。比较适合做一些临时后期局部修复协调工作。
但是不建议常使用,因为这样还是没有做到css的“样式与文档分离”的追求,不利于搜索引擎抓取内容。仅此而已
(/@Ta/2015-04-27 19:43//)

下一页 1/2页,共30楼

回复需要登录

7月25日 19:27 星期五

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1