×
Clear all filters including search bar
Valeri Tandilashvili's CSS Notes
Results: 126
web safe fonts
Every computer that has a browser installed has default fonts built in so that it can display the text on web pages
property "border-collapse" 
table#myTable {
  border-collapse:collapse;
}
As default, borders are separated (with value: 
separate
), but when the property value is 
collapse
, then borders are collapsed into a single border
box-sizing CODE 
.container {
    box-sizing: border-box;
}
Another way to avoid border, padding PX calculations
get rid of default margins & paddings 
* {
    margin: 0px;
    padding: 0px;
}
centering main container horizontally 
.container {
    width:1000px;
    margin:0px auto;
}
float
property 
float
with divs
float, clear
floating picture with paragraphs 
.pic { float: left;  }
.par2 { clear: left; }
property "linear-gradient()" 
.rounded_box {
    background-color: orange;
    width: 200px;
    border-radius: 50px;
    background-image: linear-gradient(to top /*to bottom*/, #04507b, #00a2ff);
    background-image: linear-gradient(to top, #04507b, #0072b4, #018ad9, #00a2ff);
    background-image: linear-gradient(to top, #04507b 40%, #0072b4, #018ad9, #00a2ff);
}
property "border-radius" 
.rounded_box {
    background-color: orange;
    width: 200px;
    border-radius: 50px;
    border-top-left-radius: 10px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 40px;
    -moz-border-bottom-left-radius: 40px;   /* for older version of firefox */
    -webkit-border-bottom-left-radius: 40px;   /* for older version of chrome */
}
"ul" styles 
ul {
    list-style-type: disc;   /* circle, square, decimal, lower-greek, katakana,.. none  */
    list-style-image: url(some_image.png);
    line-height: 200%;
    list-style-position: inside;   /* outside */
}
Results: 126