English 中文(简体)
如何为此撰写文章?
原标题:How to write css for that?
  • 时间:2011-10-12 10:16:33
  •  标签:
  • html
  • css

I am making css like

   <head><style type="text/css">span.blue{color:blue;}</style>;

并使用

 <html>I am <span class=blue>red</span></html>;

现在,我想避免在《html法典》中采用这一跨度和类别字句。

<html>I am <blue>red</blue></html>;
最佳回答

Sure, you can do this if you like: http://jsbin.com/uhiyoj

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />

<style>
blue {
    color: blue  
}
</style>

</head>
<body>

    <blue>Hello World</blue>

</body>
</html>

But, it s a horrible idea.

Just stick with <span class="blue">.

问题回答

What you are looking for is custom html tags. In order to use custom html tags try this link hope it helps

You can avoid using class and the span tag - but cannot make up your own.

  • class - use relative selectors
  • span - use strong/em instead - they are there for this sort of thing

提 出

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test</title>
<style type="text/css">
body div strong {color:blue;}
</style>
</head>
<body><div>
I am <strong>red</strong>ok.
</div>

</body>
</html>

Firstly your HTML is not valid and does not declare a doc type. You content has to be between <body> for a start.

Secondly, you might be able to get away with having a blue:{ color:blue} in your style and defining your blue tag but it would make your css and your html completely invalid and 0% chance of it being cross browser compatiable.





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签