Tag: CSS

How-to Style External Links with CSS

Styling a external link is a good way of telling your website’s visitor that the link they are about to visit does not belong to the website they…

Using CSS to Display Web Browser Sizes

body:after{content:”less than 320px”;font-size:200%;line-height:1;font-weight:700;position:fixed;bottom:0;width:100%;padding:5px 0;text-align:center;background-color:hsla(0,0%,0%,.7);color:#fff;z-index:9999}@media only screen and (min-width:320px){body:after{content:”320 to 480px”}}@media only screen and (min-width:480px){body:after{content:”480 to 640px”}}@media only screen and (min-width:640px){body:after{content:”640 to 800px”}}@media only screen and (min-width:800px){body:after{content:”800 to 960px”}}@media…