Просматриваю тут исходники форума, и вижу "голые" css.
Например:
--
/* Extra additions -------------------------------------------------------------*/ #poll-special td {text-align:left !important; cursor:default !important} #poll-special td.tac {text-align:center !important} #poll-special td.tar {text-align:right !important} div.pa-respect span {font-size:0.9em; vertical-align:top} div.post-rating p {float:right !important; border:0 !important; padding:3px !important} div.post-vote p {float:right !important; border:0 !important; padding:3px 13px !important; margin-right:5px !important} div.post-rating a {cursor:pointer !important} div.post-rating a, div.post-vote a {font-size:130% !important; text-decoration:none !important} .post-content td {border-width:1px !important; border-style:solid !important; overflow:hidden} .post-content .highlight-text {background-color:#ff0; color:#000} #form-buttons table, .punbb .formal textarea {width:99%} #form-buttons td {padding:0; line-height:0; background-position:center; background-repeat:no-repeat; border:0; cursor:pointer !important} #form-buttons td img {height:26px; width:100%} #button-font {background-image:url('/i/font.png')} #button-size {background-image:url('/i/text_smallcaps.png')} #button-bold {background-image:url('/i/text_bold.png')} #button-italic {background-image:url('/i/text_italic.png')} #button-underline {background-image:url('/i/text_underline.png')} #button-strike {background-image:url('/i/text_strikethrough.png')} #button-left {background-image:url('/i/text_align_left.png')} #button-center {background-image:url('/i/text_align_center.png')} #button-right {background-image:url('/i/text_align_right.png')} #button-link {background-image:url('/i/link_add.png')} #button-email {background-image:url('/i/email_link.png')} #button-image {background-image:url('/i/images.png')} #button-youtube {background-image:url('/i/control_play_blue.png')} #button-hide {background-image:url('/i/lock.png')} #button-quote {background-image:url('/i/comment.png')} #button-code {background-image:url('/i/script_code.png')} #button-color {background-image:url('/i/color_swatch.png')} #button-smile {background-image:url('/i/smile.png')} #button-keyboard {background-image:url('/i/keyboard.png')} #button-imageup {background-image:url('/i/image_add.png')} .punbb .formal span.input {padding-right:0 !important} #formkey, #formetc {display:none} #font-area {width:140px} #size-area {width:50px} #color-area, #keyboard-area {width:auto} #keyboard-area {text-align:center; padding-bottom:4px} #imageup-area {width:170px} #smilies-area {width:450px} #color-area * {border:0} #color-area table, #color-area td img {width:256px; height:14px; padding:0; margin:0} #color-area td {margin:0; padding:0; line-height:0} #color-area td img {cursor:pointer !important} #font-area, #size-area, #color-area, #smilies-area, #imageup-area, #keyboard-area {position:absolute; right:1%; top:43px} #font-area div, #size-area div, #color-area div, #smilies-area div a, #smilies-area img {cursor:pointer !important} #font-area span, #font-area img, #size-area span, #size-area img {display:block; position:relative; top:0; left:0} #font-area span, #font-area img {height:15px} #size-area span, #size-area img {height:24px} #font-area span, #size-area span {padding:1px 0} #font-area img {width:100%; margin-top:-15px} #size-area img {width:100%; margin-top:-24px} #keyboard-span {text-align:center; padding-bottom:4px; width:346px} #keyboard-span input {font-family:Arial,Lucida Grande,Sans; font-weight:bold; font-size:9px; color:#666; background-color:#fff; margin:1px; border: 1px solid #ddd} #imageup-area input {font-size:0.8em} #imageup-area p {padding:0; margin:0} #imageup-title {margin-bottom:10px !important} #imageup-submit {margin-top:10px !important} #tieser-bottom {padding:4px 5px !important; margin:0 auto !important} table.tieser-main, table.tieser-main * {border:0; text-align:left} table.tieser-bottom {max-width:1000px !important} table.tieser-main, table.tieser-main * {height:75px !important; max-height:75px !important; padding:0} table.tieser-bottom, table.tieser-bottom *, table.tieser-bottom td.tieser-desc, table.tieser-bottom td.tieser-img {height:75px !important; max-height:75px !important} table.tieser-bottom td.tieser-img {line-height:0 !important; width:75px !important; max-width:75px !important; padding:0 0 0 6px} table.tieser-bottom td.tieser-desc {line-height:150%; width:225px !important; max-width:225px !important; padding:0 6px 0 6px} table.tieser-bottom td.tieser-img img {height:75px !important; width:75px !important}
Это не единственный пример.Итак, у меня вопрос-поможет ли это в освоении css и улучшению диза или навредит безопасности?