文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>css style标签所见即所得

css style标签所见即所得

时间:2011-04-11  来源:yupeng

style 也是标签(在非ie内核的浏览器中支持),直接上图

 

我们将style设置成 contenteditable的时候,那么那的内容就可以编辑了。仔细的体验下,如果我们将背景修改成红色的。

那么只要书写完,立马呈现。哇靠,这很方便我们以后写那种动态的编辑器效果呢,等有时间的话,我再试试。附上我研究的代码:

 1 <!DOCTYPE HTML>
 2 <html >
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
 5     <title></title>
 6     <style type="text/css">
 7     body style {
 8         display: block;
 9         background: #333;
10         color: white;
11         font: 13px/1.8 Monaco, Mono-Space;
12         padding: 20px;
13         white-space: pre;
14         margin:0 auto;
15         width:500px;
16         
17 }
18     </style>
19 </head>
20 <body>
21     <style contenteditable>body {background: green;}</style>
22 </body>

23 </html> 

参考文章:http://css-tricks.com/show-and-edit-style-element/ 

相关阅读 更多 +
排行榜 更多 +
找茬脑洞的世界安卓版

找茬脑洞的世界安卓版

休闲益智 下载
滑板英雄跑酷2手游

滑板英雄跑酷2手游

休闲益智 下载
披萨对对看下载

披萨对对看下载

休闲益智 下载