CSS

From Soyjak Wiki, the free ensoyclopedia
Jump to navigationJump to search
>Though maybe you were looking for Customization#CSS Scripts or CS:Soy?
CSS is known as one of the 3 glowie (((core))) technologies for the web alongside HTML and JavaScript.

CSS (Cascading Style Sheets) is what is used to style HTML, and XSLT for XML. Obviously it's used on the Soysphere.

Some languages like Java and C# contain interfaces for interacting with CSS (such as in org.w3c.dom.css for Java and System.Web for C#). CSS is not a programming language (as it is not Turing complete), but just a markup language with HTML for customising websites with. It was formerly managed by W3C but it is now by WHATWG.

Tutorial[edit | edit source]

tutorial
Menu
Step 1
Reusing styles
Only styling some tags
End result
Next steps
Step 1
Lets say you have a paragraph on a HTML slide that looks like this. 
<p>This is a paragraph.</p>

To make the text red, background light blue and the font family "Tahoma": 

<p style="color: red; background: lightblue; font-family: tahoma">This is a paragraph.</p>
Reusing styles
you can put this in the HTML head to make all paragraphs look like that 
<style>
p {
  color: red;
  background: lightblue;
  font-family: Tahoma;
}
</style>
Only styling some tags
But what if you only want certain paragraphs (and other tags) to look like that? Do this in your <head> section: 
<style>
.custom-paragraph {
  color: red;
  background: lightblue;
  font-family: Tahoma;
}
</style>

And then change the paragraph to 

<p class="custom-paragraph">This is a paragraph.</p>
End result
<html>
<head>
<title>CSS test</title>
<style>
.custom-paragraph {
  color: red;
  background: lightblue;
  font-family: Tahoma;
}
</style>
</head>
<body>
<h1>CSS test</h1>
<p>This is a normal paragraph.</p>
<p class="custom-paragraph">This is a custom paragraph.</p>
<h2 class="custom-paragraph">The style you made also works on other elements.</h2>
</body>
</html>
Next steps
Go here to learn more styling tags, like font weight, gradients, borders and more.


CSS is part of a series on Computer Science.

Languages Low Level Assembly • C • C++ • C# • Holy C • Rust

High Level Java • Go • PHP • Python • SQL • Bash • JavaScript • PowerShell • ActionScript • Scratch • Ruby • Lua

Markup HTML • CSS • SVG
Software Imageboards nusoi • Vichan • Yotsuba • OpenYotsuba

OSes Windows • Linux • Android • TempleOS

Other Babybot • McChallenge • Systemd • MS Paint • JS Paint • Photoshop • Flash
More SoyGNU • CGI • DDoS • Vibe coding • Game development • Piracy • Regex • Doxing • Microsoft • Apple • Google • Datamining • WebP • Artificial soyduel • Ratio dueling • Customization • Ricing • FSL • Windows debloating
Retrieved from "https://soyjakwiki.org/index.php?title=CSS&oldid=284610"