html和css基础_html/css_WEB-ITnose-html教學-PHP中文網

首頁

web前端

html教學

html和css基础_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:32 AM

背景:

最近公司开发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);    }

ul-li,无序的信息列表
ul-li,无序的信息列表

ol-li,有序的信息列表:1
ol-li,有序的信息列表:2

表格标题
名字	爱好
彭彭	吃
丁满	跳舞

打开百度对此影评有何感想，发送邮件给我图片无法显示,用此文字替代

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

公眾號網頁更新緩存難題：如何避免版本更新後舊緩存影響用戶體驗？Mar 04, 2025 pm 12:32 PM

公眾號網頁更新緩存，這玩意兒，說簡單也簡單，說複雜也夠你喝一壺的。你辛辛苦苦更新了公眾號文章，結果用戶打開還是老版本，這滋味，誰受得了？這篇文章，咱就來扒一扒這背後的彎彎繞繞，以及如何優雅地解決這個問題。讀完之後，你就能輕鬆應對各種緩存難題，讓你的用戶始終體驗到最新鮮的內容。先說點基礎的。網頁緩存，說白了就是瀏覽器或者服務器為了提高訪問速度，把一些靜態資源（比如圖片、CSS、JS）或者頁面內容存儲起來。下次訪問時，直接從緩存裡取，不用再重新下載，速度自然快。但這玩意兒，也是個雙刃劍。新版本上線，