你的位置:首页 > 软件开发 > 网页设计 > html和css基础

html和css基础

发布时间:2015-11-29 02:00:12
背景:最近公司开发BS架构的项目,公司主要业务也不是做BS开发的,没有项目经理,没有美工,没有前端,界面丑的不要不要的,哈哈哈然后咧,使用asp.net用着用着,技术老大觉得界面怎么可以这么丑,不行换一个,换了一个叫devexpress的插件,这玩意用着是好看,可是相关的资源挺少 ...

背景:

最近公司开发BS架构的项目,公司主要业务也不是做BS开发的,没有项目经理,没有美工,没有前端,界面丑的不要不要的,哈哈哈

然后咧,使用asp.net用着用着,技术老大觉得界面怎么可以这么丑,不行换一个,换了一个叫devexpress的插件,这玩意用着是好看,可是相关的资源挺少的,查国外的资料也是很麻烦,新疆的网挂代理也慢的不行,而且大学的时候,网页设计的知识都还给老师了,导致好多js代码看不懂,还有AJAX回调机制是什么鬼,好像叫什么异步刷新啥玩意,这个devexpress控件还是挺麻烦的,学这个东西首先要html+css+JavaScript的基础是吧,那就学呗.

现在已经差不多明白了html+css的基础内容,这里做一些总结,以备未来查阅使用.

1.展示信息的html元素

<html><head>  <title>常用元素标签</title>  <style type="text/css">  /*CSS样式一般写在这儿,这是CSS注释*/  body{    color:red;  }  </style></head><body>  <!-- html中的注释格式 -->  <h1>1级标题</h1>  <h2>2级标题</h2>  <h3>3级标题</h3>  <h4>4级标题</h4>  <h5>5级标题</h5>  <h6>6级标题</h6>  <em>斜体文字(一般歪果仁强调语义的字体)</em>  <br /><!-- 换行符(空标签) -->  <strong>粗体文字(一般中果仁强调语义的字体)</strong>  <p>段落</p>  <q>简单的引用</q>  <blockquote>对长文本引用,左右会有缩进的效果</blockquote>  <span>没有语义,用于表示特殊的样式</span>  <!-- html代码忽略回车,以及1个以上的空格,多个空格应使用"&nbsp;",例子如下 -->  <p>没想到输入&nbsp;空格&nbsp;这么麻烦,23333</p>  <hr /><!-- 不华丽的分割线(空标签) -->  <address>电子邮件,住址,签名,文档的作者身份</address>  <code>加入一行代码,var = "hello world";</code>  <!-- pre元素,保留语言代码段,保留空格,回车,例子如下 -->  <pre>  foreach(var item in strArray){    Console.writeLine(item);  }  </pre>  <ul>    <li>ul-li,无序的信息列表    </li>    <li>ul-li,无序的信息列表    </li>  </ul>  <ol>    <li>ol-li,有序的信息列表:1    </li>    <li>ol-li,有序的信息列表:2    </li>  </ol>  <table summary="HakunaMatata摘要是不会显示出来的)">    <caption>表格标题</caption>     <tbody>     <tr>       <th>名字</th>      <th>爱好</th>    </tr>    <tr>      <td>彭彭</td>      <td>吃</td>    </tr>    <tr>      <td>丁满</td>      <td>跳舞</td>    </tr>    </tbody>  </table>  <!-- target="_blank" 使用新页面打开 -->  <a href="http://www.baidu.com" title="鼠标滑过显示" target="_blank">打开百度</a>  <!-- mailto可以发邮件,关键字有,cc(抄送地址),bcc(蜜饯抄送地址),;(多个隔开),     subject(邮件主题),body(邮件内容)   第一个关键字用?分割,后面的用&分割-->  <a href="mailto:yy@imooc.com?subject=观了不起的盖茨比有感。body=你好,对此评论有些想法。">对此影评有何感想,发送邮件给我</a>  <img src='/images/loading.gif' data-original="图片http地址"  title="电影介绍" > </body></html>

原标题:html和css基础

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。