Common Hyper Text, Common Hyper Lingua
Hyper oder meta text soll beschreiben, wie der basis text behandelt oder interptetiert werden soll.
Die kunst besteht jetzt darin, die hyper symbole, einzel zeichen und auch zeichenfolgen, vom basis text zu unter scheiden, damit sie kein leser und kein automat verwechselt.
Wir könnten am anfang der datei beschreiben, welche zeichen und ketten als sonder symbole betrachtet werden und welche zum grund text gehören. Wir könnten dort auch die hyper sprache wählen und fest legen, wie die hyper symbole in dieser sprache interpretiert werden.
Bereits der ASCII enthält genau definierte hyper zeichen zur steuerung der text ausgabe.
Auch die Backus Naur Form ist solch ein hyper text und oder eine hyper lingua zur standardisierten darstellung künstlicher sprachen und ihrer grammatik und syntax.
Der hypertext kann beliebig erweitert werden, indem einzelne strings mit parametern oder argumenten an beliebige interpreter, transcriber oder translator zur bearbeitung übergeben werden. Ihr ergebnis und ausgabe wird dann an stelle des übergebenen strings eingesetzt.
CSS.
attributes.
global.
core.
id:[name]
class:[name]
title:[name]
style:[style rules]
internationalization.
lang:”en”|”de”|”es”
dir:”ltr”|”rtl”|”auto”
translate:”yes”|”no”
user inter action.
accesskey:[space separated list of characters]
tabindex:[integer]
hidden:[]
contenteditable:”true”|”false”
spellcheck:”true”|”false”|”auto”
dropzone:”copy”|”move”|”link”
menus.
contextmenu:name
CSS.
.values.
“inherit”
“initial”
..lengths and percentages.
px
em
pt
%
pc picas
cm
mm
in inches
..colors.
aqua
black
blue,
fuchsia,
gray,
green
lime
maroon
navy
olive
purple
red
silver
teal
white
and yellow
transparent
rgb(255,0,0)
rgb(100%,30%, 40%)
rgba(red, blue, green, alpha) color with transparency from 0 to 1
hsl(hue, saturation, lightness)
hsla(hue, saturation, lightness, alpha)
#ff0000
#f00
..resolution.
dppx
dpcm
dpi
..angle.
deg
grad
rad
turn
..time.
s
ms
..frequency.
Hz
kHz
..numbers.
integer
ratio
decimal
..textual.
string
url
CSS.
selectors.
“” universal selector
“.”name class
“#”name individual
*html_element
*atributed_element=element”[“attribute”]”
*attributed_element_with_value=element”[“attribute”=”value”]”
element”[“attribute”~=”value”]” value in space separated list
*element”[“attribute”|=”value”]” value in ” or ‘ separated list?
*element”[“attribute”^=^”beginning”]” value begins with beginning
element”[“attribute”$=”ending”]” value ends with ending
*element”[“attribute”=”part”]” value contains part
pseudo or sub classes
:link reference? (link?) not yet visited
:visited reference already visited
:active activated reference
:hover
:focus
:target
:lang(xy)
:first-child first subdivision of an element
:last-child
:nth-child(n)
:nth-last-child(n)
:only-child
:first-of-type the first sibling
:last-of-type
:nth-of-type(n)
:only-of-type
:empty
:root
:enabled
:disabled
:checked
:not(selector)
pseudo elements
::first-line
::first-letter
::before
::after
selector combination.
selector1 selector2 ?
selector1 > selector2 selected2 child of selected1
selector1 + selector2 selected2 follows sibling selected1
selector1 ~ selector2 all selected2 siblings following selected1
CSS.
selection.
selector “{” {property: *value;} “}”
CSS.
properties. By Category
Text and Fonts.
font
font-family
font-size
font-weight
font-style
font-variant
font-stretch
font-size-adjust
font-synthesis
line-height
letter-spacing
word-spacing
text-align
text-decoration
text-decoration-line
text-decoration-style
text-decoration-color
text-indent
text-transform
vertical-align
white-space
Colors and Backgrounds.
color
opacity
background-color
background
background-image
background-repeat
background-position
background-attachment
background-clip
background-origin
background-size
border-radius
border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
border-image border-image-source
border-image-slice
border-image-width
border-image-outset
border-image-repeat
box-shadow
The Box Model: margins, padding, and borders
margin
margin-top
margin-right
margin-bottom
margin-left
padding
padding-top
padding-right
padding-bottom
padding-left
border
border-top
border-right
border-bottom
border-left
border-width
border-top-width
border-right-width
border-bottom-width
border-left-width
border-style
border-top-style
border-right-style
border-bottom-style
border-left-style
border-color
border-top-color
border-right-color
border-bottom-color
border-left-color
Visual Formatting: dimensions, display, and positioning
width
height
min-width
max-width
min-height
max-height
position
top
right
bottom
left
clip
overflow
z-index
float
clear
display
visibility
Generated Content and Lists
content
quotes
counter-increment
counter-reset
list-style
list-style-type
list-style-image
list-style-position
Tables
table-layout
border-collapse
border-spacing
empty-cells
caption-side
Paged Media
page-break-before
page-break-after
page-break-inside
orphans
widows
Transitions
transition
transition-property
transition-duration
transition-timing-function
transition-delay
Transformations
transform
transform-origin
Misc.
outline
outline-style
outline-color
outline-width
cursor
direction
unicode-bidi
all
CSS.
.applied.
..inline.
text
..internal.
CSS Example
p {
color: red;
}
a {
color: blue;
}
…
..external.
Any style.css file in the same directory applies for testing like:
CSS Example
…
or applies in any other html file like:
My first web page
…
HTML.
tags.
tags=””_text”/”name>
root.
html
meta or hyper data.
head
title
base
link
meta
style
sections.
body
article
section
nav
aside
h1
h2
h3
h4
h5
h6
header
footer
address
grouping.
p
pre
blockquote
ol
ul
li
dl
dt
dd
figure
figcaption
div
main
hr
text.
a
em
strong
cite
q
dfn
abbr
data
time
code
var
samp
kbd
mark
ruby
rb
rt
rp
rtc
bdi
bdo
span
br
wbr
small
i
b
u
s
sub
sup
edits.
ins
del
embeddings.
img
embed
opbject
param
video
audio
source
track
map
area
iframe
tables.
table
tr
td
th
caption
tbody
thead
tfoot
colgroup
col
forms.
form
input
textarea
select
option
optgroup
datalist
label
fieldset
legend
button
output
progress
meter
keygen
scripting.
script
noscript
template
canvas
usage.
