Jadual Kandungan
html和css基础_html/css_WEB-ITnose
背景:
最近公司开发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 id="级标题">1级标题</h1> <h2 id="级标题">2级标题</h2> <h3 id="级标题">3级标题</h3> <h4 id="级标题">4级标题</h4> <h5 id="级标题">5级标题</h5> <h6 id="级标题">6级标题</h6> <em>斜体文字(一般歪果仁强调语义的字体)</em> <br /><!-- 换行符(空标签) --> <strong>粗体文字(一般中果仁强调语义的字体)</strong> <p>段落</p> <q>简单的引用</q> <blockquote>对长文本引用,左右会有缩进的效果</blockquote> <span>没有语义,用于表示特殊的样式</span> <!-- html代码忽略回车,以及1个以上的空格,多个空格应使用" ",例子如下 --> <p>没想到输入 空格 这么麻烦,23333</p> <hr /><!-- 不华丽的分割线(空标签) --> <address>电子邮件,住址,签名,文档的作者身份</address> <code>加入一行代码,var = "hello world";</code> <!-- pre元素,保留语言代码段,保留空格,回车,例子如下 --> <pre class="brush:php;toolbar:false"> foreach(var item in strArray){ Console.writeLine(item); } Salin selepas log masuk
- ul-li,无序的信息列表
- ul-li,无序的信息列表
- ol-li,有序的信息列表:1
- ol-li,有序的信息列表:2
| 名字 | 爱好 |
|---|---|
| 彭彭 | 吃 |
| 丁满 | 跳舞 |
