怎么结合调用啊

@Ta 2015-04-25 20455点击
html和css怎么结合在一起,又怎么调用,我不会啊,求实例
回复列表(30|隐藏机器人聊天)
  • @Ta / 2015-04-25 / /
    link连接
  • @Ta / 2015-04-25 / /
    百度
  • @Ta / 2015-04-25 / /

    ……
  • @Ta / 2015-04-25 / /
    @也许神知道,可不可以直接在html界面混写入css,还有,css文件怎么做的?
  • @Ta / 2015-04-25 / /
    @花祭,…混用的就是:<style>xxxx</style>,把要写的css写在xxxx里就行了,至于怎么写,百度!不过不建议混着写,对收录,服务器影响很大
  • @Ta / 2015-04-25 / /
    ……
  • @Ta / 2015-04-26 / /
    @无影线,谢了,我只是在本地练习而已
  • c
    @Ta / 2015-04-26 / /
    @无影线,没有影响的…收录蜘蛛只会记录文字和链接,css是客户端加载的…只是外部引用可以重用,省硬盘,内部写加快加载速度(不必单独获取css文件)
  • @Ta / 2015-04-26 / /
    @花祭
    <style type="text/css">
      body {background-color: #000;}
    </style>
    <p style="background-color: #000;">这是一个段落</p>
  • @Ta / 2015-04-26 / /
    @读书顶个鸟用,第四段是在调用第二段的css吗?
  • @Ta / 2015-04-26 / /
    知道你是从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 / /
    @c,好吧,因为没用心试过,一直以为有影响的。也算得了教育了,谢
  • @Ta / 2015-04-26 / /
    @c,好吧,因为没用心试过,一直以为有影响的。也算得了教育了,谢
  • @Ta / 2015-04-26 / /
    @花祭,关于9楼的解释。不是调用,body是整个页面的css定义,<p style=…>则是对于p属性的定义,也就是说,被“<p style=…></p>”包裹的文字背景会显示#000的颜色,但只会对该条生效。你可以看一下笑忘书的磨盘里,那儿应该有很清楚的各项解释。其实,这主要靠自己不断测试、练习的。
  • @Ta / 2015-04-26 / /
    @花祭,动手实验,映像更加深刻,理解更加清晰
  • @Ta / 2015-04-27 / /
    @无影线@水木易安,没有效果
  • @Ta / 2015-04-27 / /
    @花祭,嗯
    因为CSS有三种写法
    外链 内联 行内

    看好了 

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


    内联就是例如


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


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

    <h1 style="color:red;">我是红色的标题</h1>
  • @Ta / 2015-04-27 / /
    @水木易安,<style="text/css">
    body{background:red;}
    /*妈蛋 这段加到head里没反应我直播吃翔*/
    </style>先这样,然后怎么用调用里面的css?还有,那个html属性标签我会,就是不知道html5支不支持
  • @Ta / 2015-04-27 / /
    @花祭,<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的“样式与文档分离”的追求,不利于搜索引擎抓取内容。仅此而已
添加新回复
回复需要登录