Skip to main content

Posts

Showing posts with the label CSS

Sleepy Day

Today feels like a sleepy day, I don't know why that is. It just feels that way. I wish I could figure out why life happens the way it does. But I don't understand how anything goes about in this life. If I could understand one thought in life...I think I'd like it to be able to grasp why we are here on this Earth. Is it because the aliens want us to become something better than we are? I mean they're the ones in charge right? I think they are.

CSS Menu

Here's a fun little css stylesheet that one can use for menus. The CSS for the menu is: #menu { padding:0px; width:120px; } #menu a { text-decoration:none; color:#000; display:block; border:1px solid #fff; padding-left:3px; } #menu a:hover { border:1px solid #000; } Which you can use with the following html: <ul id="menu"> <li><a href="#">Link One</a></li> <li><a href="#">Link Two</a></li> <li><a href="#">Link Three</a></li> </ul> This will producde a simple menu that when hovered over will display a black box around the menu item. Of course you can change the background color, or the font etc. to whatever you need it to be. Ah the simplicity that is CSS.

Reset Your CSS

Been reading a little here and there regarding resetting CSS before adding your own css styles. The reason for this, which I'm still not quite sure I understand. Is mostly so your site will look the same across browsers. (IE, FireFox, Chrome, Opera, Safari etc.) While I find this amusing, I've personally never looked into this or even used a reset CSS file. What does a reset CSS file look like exactly? Here's an example. /* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/ */ html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption, cite,code,dfn,em,strong,th, var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption, th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:b...