CSS Programming Language Course - Available on MediaFire in HD, in Arabic

What is CSS?

CSS stands for Cascading Style Sheets. It is a styling language for web pages that focuses on the appearance and design of websites. It was specifically designed to separate the styling (colors, fonts, buttons, etc.) from the content written in a document (like HTML). This applies to colors, fonts, images, and backgrounds used on pages, allowing for complete flexibility and ease. This technology is concerned with the overall appearance of web pages, including colors and images. It can be added to a page in several ways, with the best method being external embedding by writing the CSS code in a separate file. It has evolved to CSS3, which includes several fantastic additions that were previously only achievable with jQuery. It was launched by the World Wide Web Consortium as a standard specification for describing the appearance of web documents with selectors for fonts, colors, and formatting. Contents [Hide] 1 Advantages of CSS technology 2 CSS writing systems 3 Programming and editing it 4 Versions 5 Browsers and its support 6 References 7 External links Advantages of CSS technology [Edit] The goal of CSS technology is to separate the content of pages from their appearance, providing several benefits: Making the page simpler and only serving its intended purpose, which includes the content, while the appearance is in the CSS style file. Making the page compatible with various browsers or display screens, allowing each device (computer or even mobile phone) or browser to be processed separately, thus increasing usability. Multiple appearances can be provided, each meeting the needs of different readers; for example, usability can be ensured for those with special needs or different colors can be provided to meet various tastes. The style file can be included in multiple pages, so when changing the display style, you only need to modify one file, which means less time and broader modifications. CSS writing systems [Edit] CSS code is a set of definitions for each element, so we can have 100 definitions for 100 elements, and so on. Each definition starts with the name or definition of the element (like id or class of the element). For example, let's take the div element written in HTML as <div id="ar_wiki">Welcome to the Arabic Wiki</div>. We will give this element a blue color. As seen above, the div element has the id defined as ar_wiki, so it is written as #ar_wiki in the style sheet. Any element defined as div is preceded by (#), and any element defined as class is preceded by a dot (.) when written in the style sheet. Thus, the following is the definition to give the element a blue color: #ar_wiki { color:blue; } and the following explains the code: #ar_wiki: the definition of the element to which the styling is to be applied, which is what was defined in the HTML page for the div element. {...} All styling is enclosed in these curly braces to clarify the styling for each element individually. color: is the styling property to be applied to the element, and here color is specified. (:): The colons are placed to indicate that what follows is the value of the property, thus serving as a separator between the property and its value. blue: is the value for the property, and here blue is assigned to the color property. (;): The semicolon is placed after the value to inform the processor that the value has ended and what follows is another property, and so on. Programming and editing it [Edit] CSS is a web development technology, and like most web technologies, it is text-based, meaning that text editors like {Notepad} in Windows or {Gedit} in the GNOME Linux interface can be used easily. There are programs that facilitate the writing process and provide more options, such as Dreamweaver or {Microsoft Expression}, but the text option remains the best for developers, as automatically generating these values is not favored by web developers who are obsessed with web standards. Versions [Edit] The currently active version of CSS technology is version 3, which is designed to work with HTML5. Browsers and its support [Edit] Web browsers support the specification to varying degrees of efficiency and compatibility; while both {Mozilla Firefox} and {Opera Browser} support the specification reasonably well, {Internet Explorer} is expected to have a new modified version to meet current web needs. {Microsoft} announced the release of a new version of {Internet Explorer} (IE7) that includes many additions to make web browsing safer, including anti-spyware and virus applications and fraud sites. The seventh version of [Internet Explorer] has already been released, followed by a new version numbered 8, and preparations are currently underway for a new version, as the older versions of the browser have faced criticism from many users and companies.