Css + div Webpage Design (3)-a hybrid application with multiple technologies, cssdiv

Source: Internet
Author: User

Css + div Webpage Design (3)-a hybrid application with multiple technologies, cssdiv

This blog will introduce the hybrid application of css and various technologies. javascript can facilitate interaction between our pages. xml makes data storage and convenience, asynchronous ajax Updates can accelerate the loading of our web pages.

1. css and javascript

Since I have already talked about the basic knowledge of javascript, I will not introduce the http://blog.csdn.net/jinfulin/article/details/38406273 here.

For example, let's take a closer look at the power of css and javascript.

<Span style = "font-size: 18px; "> 

Output result:


2. css and xml

The basic description of xml is also mentioned earlier. Http://blog.csdn.net/jinfulin/article/details/38355509

Xml + div is actually relatively simple, very similar to html, as long as you add the corresponding Style

Let's look at the simplest example.

<span style="font-size:18px;"><?xml version="1.0" encoding="gb2312"?><?xml-stylesheet type="text/css" href="14-5.css"?><!DOCTYPE hello[<!ELEMENT hello (#PCDATA)>]>

<span style="font-size:18px;"><?xml version="1.0" encoding="gb2312"?><?xml-stylesheet type="text/css" href="14-5.css"?><!DOCTYPE hello[<!ELEMENT hello (#PCDATA)>]>

Output result:



3. css and ajax

The core of Ajax is the JavaScript Object XmlHttpRequest. This object is first introduced in InternetExplorer5. It is a technology that supports asynchronous requests.

I have not yet systematically studied ajax. Here I will only show you an example.

<Span style = "font-size: 18px;"> 


Finally, to make a beautiful and practical website, you must use the hybrid application of various technologies. Only by mastering these technologies can we develop our web pages more smoothly.


Webpage Design Problems: To design a person's homepage using table layout or DIV + CSS layout, there must be at least three pages, and links should be used between pages.

52css

There are a lot of ready-made DIV + CSS templates on the top. Download one and fill in some content by yourself ~

I have renewed it ~
Reference: www.52css.com/

How can I create a three-row, three-column page with fixed height and width with css + div?

Upstairs Positive Solution

However, based on my experience, I use DIV or dl for two or more columns. Even more complicated, I will use tables instead of getting stuck in DIV's psychological model. Do you think these complicated divs are simpler than tables?

Of course, you can talk about this layout.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.