Foreword
I made a summary of CSS when I was watching Beef Brisket. I was new to it at that time, and my understanding of CSS was still not systematic and comprehensive enough. Now after reading CSS
Now, let’s sort out the CSS as a whole.
Without further ado, let’s take a look at the picture to get an overall understanding of CSS.
css is the abbreviation of English Cascading Style Sheets. The Chinese translation is cascading style, which is a markup language used to control the style of web pages and allow the separation of style information from the content of the web page.
I have explained the basic knowledge and usage of CSS in detail before when I was making brisket (CSS in a simple way, the core of CSS). I won’t go into detail here
. Here we mainly talk about the interaction between CSS and javascript, XML and AJAX.
CSS and javascript interaction
<span style="font-family:KaiTi_GB2312;font-size:18px;">script language="javascript">var number = new Date().getSeconds() % 3 + 1; //随机数,从1到3//随机选择CSS外部文件document.write('<link href="0' + number.toString() + '/0' + number.toString() + '.css" rel="stylesheet" type="text/css">');</script></span>
Similar to the interaction between CSS and javascript, just introduce XML. Here XML can be seen as a place to store data, and CSS beautifies the display of XML files
.
CSS and AJAX interaction
AJAX is a relatively complex technology. It is a fusion of JavaScript, CSS, DOM, XMLHttpRequest and other technologies.
JavaScript is the lowest part of the entire AJAX. CSS, DOM, XMLHttpRequest is called through javascript
CSS, art master. CSS controls the entire page. Without CSS, there would be no web page
DOM, a very important html model, a tree in html
XMLHttpRequest, which implements asynchronous operations.
Since I am new to AJAX, I don’t know much about it yet. At the current level, I can only introduce it here.
Personal highlight
Again, CSS decouples the content and style of the web page, and uses the CSS file to combine the content and style of the web page. The styles are packaged together, making it very convenient to upgrade and maintain the website in the future.