hc学习平台

 找回密码
 立即注册
搜索
热搜: 活动 交友 javakc
 › 学习交流 › CSS › 要在 HTML 标记符中直接嵌入样式,应使用标记符的是
查看: 4578|回复: 33
打印 上一主题 下一主题

要在 HTML 标记符中直接嵌入样式,应使用标记符的是

[复制链接]

2249

主题

0

帖子

0

博客

admin

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

跳转到指定楼层
楼主
发表于2014-08-13 20:26:58 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
HYL

0

主题

615

帖子

2

博客

HYL

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-15 20:10:51 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

style:

0

主题

423

帖子

2

博客

杜永亮

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-20 09:02:39 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

<html>
      <head>
        <style>
           .mydiv{
            color:#00ffff;
                        font-size:30;
                        background-color:yellow;
                        width:400px;
                        height:300px;
                        float:left;        
         }
     </style>
   </head>
   <body>
         <div id="info" class="mydiv">汇才同飞</div>
   </body>
</html>

0

主题

785

帖子

2

博客

撸天啦

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-27 19:39:04 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

style

style是html应用层叠样式表的关键标签。

有四种方式插入:

1.在head中使用,<style type="text/css" ></style>

2.用link从外部css文件中引入。<link rel="stylesheet" href="style.css">

3.在body的元素中直接定义,<table style="size: ">

4.用@import来倒入。

#表示id

。代表class

div。代表div下用class

th表示用元素样式

0

主题

36

帖子

2

博客

cheng1

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-29 17:17:24 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

<div style="color:#00FF00"></div > <span style="color:#00FF00"></span>

0

主题

1450

帖子

0

博客

Sarbr

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 10:26:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
元素选择器

0

主题

1510

帖子

0

博客

zhangjialong

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 10:32:05 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

<table style type=“”>

</table>

0

主题

1451

帖子

0

博客

gaoye

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 10:34:35 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

class=" 类选择器名"

标签命名的元素选择器 直接应用样式

# ID选择器  选择ID相同执行

0

主题

1700

帖子

0

博客

song

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 10:49:04 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

<h3 style="font-size:10px" > </h3>

这样直观,但无法体现出CSS的优势

0

主题

1402

帖子

0

博客

马鹏磊

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 11:06:08 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

<link rel="styleshee" href=" 样式表名称" type="text/css">

0

主题

1576

帖子

0

博客

liufangyuan

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 11:14:19 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

<link rel="Stystle" type="text/css" href="Stytle.css">


类选择器

.css{}

元素选择器

td{}

id选择器

#ti{}


组合:

div td{}

span.cls{}

.cls1,.cls2{}

0

主题

1636

帖子

0

博客

renmihe

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 13:07:04 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

元素选择器:

td{

   color:red

   }  


<td>javakc</td>

类选择器:

.css{

    color:red

     } 


<td class="css">javakc</td>

id选择器:

#id{

    color:red

     }


   <td id="id">javakc</td>

选择器的混合使用:

span .css{

       color:red;

            }

沙发
发表于2016-08-31 11:38:53 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

<h3 style="font-size:10px" >

0

主题

1721

帖子

0

博客

XIAOC

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-09-03 10:07:41 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
<font>
WR

0

主题

1674

帖子

0

博客

WR

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-08-31 20:13:24 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
CLASS

0

主题

1518

帖子

0

博客

Cracia

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-09-03 19:51:53 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

<style></style>

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
    .s_cell{
        zIndex:999;
        background-color:#09C;
        margin:300px 300px auto auto;
        width:120px;
        height:30px;
        text-align:center;
        font-size:12px;
        padding:5px 0px 5px 0px;
    position:absolute;
        
        
    }
</style>
<script language="javascript">
    window.onload=function(){
        var mydiv=document.getElementById("mydiv");
        var v_left=(document.body.clientWidth-mydiv.clientWidth)/2;
        var v_top=(document.body.clientHeight-mydiv.clientHeight)/2;
        v_left+=document.body.scrollLeft;
        v_top+=document.body.scrollTop;
        
        mydiv.style.left=v_left;
        mydiv.style.top=v_top;
        }
</script>
</head>

<body>
<div class="s_cell" id="mydiv">浮动元素表格</div>
    <table width="300px" height="200px" border="1">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
    </table>
</body>
</html>

0

主题

1458

帖子

0

博客

梦紫菱0124

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-09-07 11:25:18 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
答:<style></style>

0

主题

606

帖子

0

博客

小浣熊

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-09-21 17:04:15 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
<style type="text/css">
    select {width:100px};
    input {width:40px};
    table {width:300px};
    td{text-align:center};
</style>

0

主题

695

帖子

0

博客

365427879

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-11-25 10:55:47 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
style

style是html应用层叠样式表的关键标签。

有四种方式插入:

1.在head中使用,<style type="text/css" ></style>

2.用link从外部css文件中引入。<link rel="stylesheet" href="style.css">

3.在body的元素中直接定义,<table style="size: ">

4.用@import来倒入。

#表示id

。代表class

div。代表div下用class

th表示用元素样式

 

 

<html>
      <head>
        <style>
           .mydiv{
            color:#00ffff;
                        font-size:30;
                        background-color:yellow;
                        width:400px;
                        height:300px;
                        float:left;       
         }
     </style>
   </head>
   <body>
         <div id="info" class="mydiv">汇才同飞</div>
   </body>
< /html>

 

0

主题

118

帖子

0

博客

yangyu

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-12-08 19:53:23 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
<style></style>

0

主题

126

帖子

9

博客

Cindy

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-04-22 08:04:25 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

<style></style>

0

主题

1902

帖子

0

博客

王之神判

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-08-11 09:00:18 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
style

0

主题

1932

帖子

0

博客

740317431

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-08-11 10:22:42 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
style

0

主题

718

帖子

0

博客

6971

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-08-16 08:52:26 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
<style></style>

0

主题

1694

帖子

0

博客

wulinan

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-08-17 18:11:15 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
 用class
zxx

0

主题

1135

帖子

0

博客

zxx

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-08-17 20:18:27 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

用class 类选择器选择css样式

0

主题

183

帖子

0

博客

javaxiaozi

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-10-09 16:26:15 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
style

0

主题

704

帖子

0

博客

sunshuang

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-09-08 09:26:19 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
style 属性

0

主题

997

帖子

0

博客

lijiaxing

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-11-07 08:37:43 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
style属性


站点统计|举报|Archiver|手机版|小黑屋|Comsenz Inc.

GMT+8, , Processed in 0.195171 second(s), 9 queries .

Powered by javakc! X1.0

© 2004-2014 javakc

f1208.com 备案号:京ICP备14030918号-1

返回顶部