Trigger for though I'd write the blog
This story is Trigger for though I'd write the blog.
If you want to see from “Overview” Please click Skip Trigger to Overview then see one.
It felt myself, litle technical then I guess it is too strict explain
Oneday, I would like to create portal site using CMS.
Then if you want to do something, I would like to make one compliant XHTML1.0 Strict.
And then, I was searcing and searching around “XHTML1.0 Strict” and “CSS2.0”.
- How to change from “Table Layout” --> “Block Layout”
- Detailed “CSS2.0” structure and the technique
- How to make Formal site using “CSS2.0” on W3C web site
I had seen these site, however then I had not seen how to make site to take simple steps.
These are almost site below
- Method of making site until group of layout using div element.
- Opponents of group of layout using div element
At this rate, I guess make too defficult for Beginer of web creater.
I organized How to create “CSS2.0” a little.
And I felt something about XHTML1.0 Strict×CSS2.0(too late..).
At first I felt one below
For example, the following rule matches any P element whose “class” attribute has been assigned a list of space-separated values that includes "pastoral" and “marine”:
P.pastoral.marine { color: green }
This rule matches when class=“pastoral blue aqua marine” but does not match for class=“pastoral blue”.
This it can use “Namespace” like a C++ Language.
Then the other
- Pearent, Child, and GrandChild can be the diamond inheritance, then
- It can flexible 2 to 3 layouts, it just make a patern of Child and GrandChild layout
Eg) 2 columns Header, 3 columns Main part and 4 columns Footer, you can make easily.
- It can flexible 2 to 3 layouts, it just make a patern of Child and GrandChild layout
- Border etc property divide all of color and background color.
- <div class="Calender Band Purple">, <div class="Links Band Yellow">
These can change just color or image with same border, margin, padding property
these are also flexible
- <div class="Calender Band Purple">, <div class="Links Band Yellow">
At that, these sets plural class names with each elements that means
it usually do not need to set id name using CSS, do you think? just I guess.
Ofcouse there are same reasons “!important” RULE
Actually I think should describe guessing about strict CSS RULE to be continued on this page.
I write also about those review, then Could I give a comment please, if you think strange some things.
Abstract - Consider a Model to become a global standard -
Abstract
This specification defines Modeling “XHTML1.0 Strict” and “CSS2.0” by way of example.
As a result, I am so glad I make onself heard not formally,
Recentlly, We had see web site useing “Block details Header, Footer”, and these had seen beautiful each one, and let me use great someone.
However, there were so sorry, Not found out a design rule beyond setting a layout using div-block element
As a result, We usually saw to be too defficult operational and maintenance, those are below reason
- as Page complex web class and id each a element
- as Page too long CSS file a lot of similar settings
Now I organized CSSs property by use.
I hope it defines a formally design model for the beginer developers with this case as a start
OACF Model
When some people write web site, these page always can separate part for purpose, area and visual quality.
- Outline : Setting about the layout using in the past
- Position : Layout position eg. float, z-index, top - bottom for (Header, Footer, Main)
- Width : Layout width each Areas(word lead Outline to Area)
- Area : Setting about the margin, border and padding each made Areas
- Color : Setting gather around the color and image setting.
- Color : background, charector, border
- Image : background, list, botton
- Format : Setting about detailed text and font format each Areas
- Text Format : indent, line-height, align, letter-spacig
- Font Format : font-size, -family, -weight, -style, text-decoration
As those pages someone could make crear-cut and easy to modify them, couldn't you?
I refered that
OACF Model from Initial each the part.However I think that do not care how to say. At all, I would write write this Design Model detail from the next time.
I would like to write about this Models convenience proceed step by step.
See you later.