id와 class의 css 표기

On/HtmlCss 2011.05.07 23:04
html에서의
id는 css에서 #으로
class는 css에서 .으로

html에서
div id="abc" class="xyz"
css에서
#abc
.xyz 으로 사용
posted by 大道

tag 스타일 표현

On/HtmlCss 2011.03.14 01:08
tag { color: red } - 태그사이가 적색으로 표현됨

이 말은 간과하기 쉬운 것이다.
이제서야 인지된 것이다.
주로 쉽게 인지된 스타일의 서두는 #과 .이었다. - 각각 div class
이제야 눈에 보이는 태그의 스타일 표시는 아무 것도 없이 그냥 태그명만 적으면 태그간 스타일 지정이다.  
posted by 大道

body background

Personal/Delegated 2011.02.19 11:43
스킨을 마감할 즈음
바디배경색의 선택이 쉽지만은 않습니다.
규칙성이 있다면 마음이 가벼워집니다.
사이드바 좌우측색을 같게 한다.
헤드와 바탕색을 같게 한다.
블로그 수평메뉴와 푸트색을 같게 한다 등..

다음 코드를 스킨에 넣으면 적절한 바탕색 선택이 쉬워집니다.

<FORM style="margin:33px auto 5px auto;width:988px;text-align:right;">
<SELECT Size=1 name=clr onChange="document.bgColor=this.options[this.selectedIndex].value">
<OPTION Value="FFFFFF" SELECTED>Default
<OPTION Value="F0F8FF">aliceblue
<OPTION Value="FAEBD7">antiquewhite
<OPTION Value="00FFFF">aqua
<OPTION Value="7FFFD4">auuamarine
<OPTION Value="F0FFFF">azure
<OPTION Value="F5F5DC">beige
<OPTION Value="FFE4C4">bisque
<OPTION Value="000000">black
<OPTION Value="FFEBCD">blanchedalmond
<OPTION Value="0000FF">blue
<OPTION Value="8A2BE2">blueviolet
<OPTION Value="A52A2A">brown
<OPTION Value="DEB887">burlywood
<OPTION Value="5F9EA0">cadetblue
<OPTION Value="7FFF00">chartreuse
<OPTION Value="D2691E">chocolate
<OPTION Value="FF7F50">coral
<OPTION Value="6495ED">cornflowerblue
<OPTION Value="FFF8DC">cornsilk
<OPTION Value="DC143C">crimson
<OPTION Value="00FFFF">cyan
<OPTION Value="00008B">darkblue
<OPTION Value="008B8B">darkcyan
<OPTION Value="B8860B">darkgoldenrod
<OPTION Value="A9A9A9">darkgray
<OPTION Value="006400">darkgreen
<OPTION Value="BDB76B">darkkhaki
<OPTION Value="8B008B">darkmagenta
<OPTION Value="556B2F">darkolivegreen
<OPTION Value="FF8C00">darkorange
<OPTION Value="9932CC">darkorchid
<OPTION Value="8B0000">darkred
<OPTION Value="E9967A">darksamon
<OPTION Value="8FBC8F">darkseagreen
<OPTION Value="483D8B">darkslateblue
<OPTION Value="2F4F4F">darkslategray
<OPTION Value="00CED1">darkturquoise
<OPTION Value="9400D3">darkviolet
<OPTION Value="FF1493">deeppink
<OPTION Value="00BFFF">deepskyblue
<OPTION Value="696969">dimgray
<OPTION Value="1E90FF">dodgerblue
<OPTION Value="B22222">firebrick
<OPTION Value="FFFAF0">florawhite
<OPTION Value="228B22">forestgreen
<OPTION Value="FF00FF">fuchsia
<OPTION Value="DCDCDC">gainsboro
<OPTION Value="F8F8FF">ghostwhite
<OPTION Value="FFD700">gold
<OPTION Value="DAA520">goldenrod
<OPTION Value="808080">gray
<OPTION Value="008000">green
<OPTION Value="ADFF2F">greenyellow
<OPTION Value="F0FFF0">honeydew
<OPTION Value="FF69B4">hotpink
<OPTION Value="CD5C5C">indianred
<OPTION Value="4B0082">indigo
<OPTION Value="FFFFF0">ivory
<OPTION Value="F0E68C">khaki
<OPTION Value="E6E6FA">lavender
<OPTION Value="FFF0F5">lavenderblush
<OPTION Value="7CFC00">lawngreen
<OPTION Value="FFFACD">lemonchiffon
<OPTION Value="ADD8E6">lightblue
<OPTION Value="F08080">lightcoral
<OPTION Value="E0FFFF">lightcyan
<OPTION Value="FAFAD2">lightgoldenrodyellow
<OPTION Value="90EE90">lightgreen
<OPTION Value="D3D3D3">lightgrey
<OPTION Value="FFB6C1">lightpink
<OPTION Value="FFA07A">lightsalmon
<OPTION Value="20B2AA">lightseagreen
<OPTION Value="87CEFA">lightskyblue
<OPTION Value="778899">lightslategray
<OPTION Value="B0C4DE">lightsteelblue
<OPTION Value="FFFFE0">lightyellow
<OPTION Value="00FF00">lime
<OPTION Value="32CD32">limegreen
<OPTION Value="FAF0E6">linen
<OPTION Value="FF00FF">magenta
<OPTION Value="800000">maroon
<OPTION Value="66CDAA">mediumaquamarine
<OPTION Value="0000CD">mediumblue
<OPTION Value="BA55D3">mediumorchid
<OPTION Value="9370DB">mediumpurple
<OPTION Value="3CB371">mediumseagreen
<OPTION Value="7B68EE">mediumslateblue
<OPTION Value="00FA9A">mediumspringgreen
<OPTION Value="48D1CC">mediumturquoise
<OPTION Value="C71585">mediumvioletred
<OPTION Value="191970">midnightblue
<OPTION Value="F5FFFA">mintcream
<OPTION Value="FFE4E1">mistyrose
<OPTION Value="FFE4B5">moccasin
<OPTION Value="FFDEAD">navajowhite
<OPTION Value="000080">navy
<OPTION Value="FDF5E6">oldlace
<OPTION Value="808000">olive
<OPTION Value="6B8E23">olivedrab
<OPTION Value="FFA500">orange
<OPTION Value="FF4500">orangered
<OPTION Value="DA70D6">orchid
<OPTION Value="EEE8AA">palegoldenrod
<OPTION Value="98FB98">palegreen
<OPTION Value="AFEEEE">paleturquoise
<OPTION Value="DB7093">palevioletred
<OPTION Value="FFEFD5">papayawhip
<OPTION Value="Peachpuff"> peachpuff
<OPTION Value="CD853F">peru
<OPTION Value="FFC0CB">pink
<OPTION Value="DDA0DD">plum
<OPTION Value="B0E0E6">powderblue
<OPTION Value="800080">purple
<OPTION Value="FF0000">red
<OPTION Value="BC8F8F">rosybrown
<OPTION Value="4169E1">royalblue
<OPTION Value="8B4513">saddlebrown
<OPTION Value="FA8072">salmon
<OPTION Value="F4A460">sandybrown
<OPTION Value="2E8B57">seagreen
<OPTION Value="FFF5EE">seashell
<OPTION Value="A0522D">sienna
<OPTION Value="C0C0C0">silver
<OPTION Value="87CEEB">skyblue
<OPTION Value="6A5ACD">slateblue
<OPTION Value="708090">slategray
<OPTION Value="FFFAFA">snow
<OPTION Value="00FF7F">springgreen
<OPTION Value="4682B4">steelblue
<OPTION Value="D2B48C">tan
<OPTION Value="008080">teal
<OPTION Value="D8BFD8">thistle
<OPTION Value="FF6347">tomato
<OPTION Value="40E0D0">turquoise
<OPTION Value="EE82EE">violet
<OPTION Value="F5DEB3">wheat
<OPTION Value="FFFFFF">white
<OPTION Value="F5F5F5">whitesmoke
<OPTION Value="FFFF00">yellow
<OPTION Value="9ACD32">yellowgreen
</SELECT>
</FORM>

사용법
- 스타일/백그라운드 미지정해야 정상작동됨
- 스킨/바디/바로뒤 정도에 배치
과제물 - 갱신(화면전환)되면 미설정으로 되는데 선택된 색상 유효법이 궁금함

  
posted by 大道