Difference between revisions of "CSS"

From Freephile Wiki
Jump to navigation Jump to search
(remove advice to use floats, it's so 1980's (pre-CSS grid era); correct the WestCiv example; Introduce useful resources section)
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
Cascading Style Sheets is one of the primary technologies used in the web.  CSS provides the style/appearance aspect of your HTML.
 
{{Feature
 
{{Feature
|image=CSS3 logo and wordmark.svg
+
|explains= CSS
|imgdesc=CSS3 logo
+
|description=Add custom CSS to pages or sitewide
|title=CSS
+
|notes=
 +
|tests=
 +
|examples=the [[Rates]] page uses custom table layout and coloring.  Without the CSS extension, this would be much harder to do.
 
}}
 
}}
{{#set:feature description = Add custom CSS to pages or sitewide }}
 
{{#set:feature notes = Add CSS rules into your pages. }}
 
{{#set:feature tests = See schedule colors on the [[Rates]] page. }}
 
{{#set:feature examples = [[{{FULLPAGENAME}}#Example:_mobile_layout_with_2_columns]] }}
 
Cascading Style Sheets is one of the primary technologies used in the web.  CSS provides the style/appearance aspect of your HTML.
 
 
WestCiv provides some really useful tools and examples of CSS in action.  For example, you can make an [http://www.westciv.com/tools/gradientsnustyle/index.html#background-image:%20linear-gradient(%20#ffffff,%20#000000%2010px,#000000%2025px,#ffffff%2035px,#000000%2045px,#000000%2060px,#ffffff%2070px) 'equals' background effect].
 
 
== Useful Resources ==
 
* [https://developer.mozilla.org/en-US/docs/Learn/CSS Learn CSS] from the go-to resource: Mozilla Developer Network (MDN)
 
* [https://caniuse.com/usage-table global browser usage comparison]
 
* [http://getbem.com/introduction/ BEM] the Block Element Modifier convention for CSS rules
 
* [https://www.sitepoint.com/optimizing-css-performance/ 20 tips for optimizing CSS] (2018) by SitePoint
 
 
 
 
 
{{References}}
 
  
 
[[Category:Web Development]]
 
[[Category:Web Development]]
[[Category:Design]]
 
[[Category:UI]]
 
[[Category:Style]]
 

Revision as of 16:09, 25 January 2016

Cascading Style Sheets is one of the primary technologies used in the web. CSS provides the style/appearance aspect of your HTML.

CSS Dialog-information.svg
Summary
Description: Add custom CSS to pages or sitewide
More
Notes: Add CSS rules into your pages.
Test: See schedule colors on the Rates page.
Example: CSS#Example:_mobile_layout_with_2_columns