HTML&CSS
HTML:HyperTextMarkLanguage
<!DOCTYPE html>
<html> </html>
<head> </head>
<title> </title> (±êÌâÀ¸)
<body> </body>
<hx> </hx> x=1¡6
<p> </p>
<ul> </ul> unordered
<ol> </ol> ordered
<li> </list> list
<a href="#" target="_blank"> </a>
open in a new window
<img src="#" alt=" "/>
<a> <img/> </a> img become url
<br /> line break
<!-- This is a comment. -->
CSS:Cascading Style Sheets
<style> </style> placed in <head>
<link href="#" type="text/css" rel="stylesheet">
if the css file is stored in the same directory as
your html file, then the href can be set as a relative
path intead of url like href="/style.css"
css selector for html elements
name { css rules }
css rules <property:value;>
name1, name2... { }
the universal selector
* { } select every single elements
/* This is a comment */
color <foreground color>: elements' color
background-color
color:name; 147
color:rgb(red,green,blue); 0-255 base 10
color:#FFFFFF hex color codes base 16
color:hsl(Hue(0-360),Saturation,Lightness(0-100%))
opacity rgba hsla 0~1
back up color code
font-family:name; two more words double quotes
serif sans-serif: extral details on the end of letter
font-family:name,fallback,serif/sans-serif;
<link href="https://fonts.googleapis.com/css?
family=<name> type="text/css" rel="stylesheet">
then can use font-family:<name>;
font-size:px/em(relative to the parent element's size)
/%(relative to default size 16px)
line-height:px/em;
word-spacing:default 0.25em
letter-spacing
font-weight:bold normal;
font-style:italic normal
text-transform:uppercase/lowercase;
text-align:left/right/center
label elements with a unique identifier ID <name id="">
我的内容管理
展开
