| |
Button
|
|
Keywords:
css, button, style
|
<input type="button" style="font-family:Arial; font-size:11px; background:#e6e6e6">
|
|
CSS Class vs. ID
|
|
Keywords:
css, class, id
|
|
/* Use IDs when there is only one occurence per page. Use classes when there are one or more occurences per page. */
/* Class */
.large
{
font-size: 11pt;
}
/* ID */
#footer
{
color: #d0d0d0;
font-size: 8pt;
}
<a href="about.aspx" class="left">About</a>
<td class="large">Heading</td>
<table id="footer">
</table>
|
|
CSS: Anchor Tag
|
|
Keywords:
css, anchor tag, visited, text-decoration, link, underline, hover
|
a:link, a:visited
{
color: #0000ff;
font-size: 9pt;
}
a:hover
{
text-decoration: underline;
}
a.left:link, a.left:visited
{
color: #000000;
font-size: 9pt;
}
|
|
CSS: Body
|
|
Keywords:
css, body, margin
|
body
{
background-color: #ffffff;
background-image: url(images/back_lines.gif);
font-family: arial, helvetica, verdana, sans-serif;
font-size: 9pt;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
|
|
Dropdown/Select
|
|
Keywords:
css, dropdown, select
|
<select name="state" size="1" style="width:50mm">
<option value="CA">California</option>
<option value="OH">Ohio</option>
</select>
|
|
Float
|
|
Keywords:
css, float
|
<table style="float:left" border="0">
|
|
Float
|
|
Keywords:
css, float
|
<table style="float:left" border="0">
|
|
Form Elements
|
|
Keywords:
css, form, elements, textarea, td, input
|
TD
{
font-family: Verdana, Arial, Helvetica;
font-size: 11px
}
input
{
font: 13.5px Arial, Helvetica, sans-serif
}
textarea
{
font: 13.5px Arial, Helvetica, sans-serif
}
|
|
Form Tag: Remove Space
|
|
Keywords:
css, form tag, remove space, margin
|
<style type="text/css">
<!--
form {margin-bottom : 0;}
//-->
</style>
|
|
Gridview Links
|
|
Keywords:
css, GridView, link color
|
A.bluelink, A.bluelink:link, A.bluelink:visited, A.bluelink:hover
{
color: #0000ff;
}
<asp:LinkButton ID="btnDelete" runat="server" CssClass="bluelink" CausesValidation="false">Delete</asp:LinkButton>
<asp:CommandField ShowEditButton="True" CausesValidation="False" ControlStyle-CssClass="bluelink" />
|
|
Head
|
|
Keywords:
css, head, style tag
|
<head>
<style type="text/css">
H1 {border-width: 1; border: solid; text-align: center}
</style>
</head>
|
|
Hide Element
|
|
Keywords:
css, hide, display, none
|
<div style="display: none;">blah</div>
|
|
Inline
|
|
Keywords:
css, inline
|
<a href="page1.htm" style="color:0000FF; text-decoration: underline">
<tr style="background-color:#eeeeee">
|
|
Lists
|
|
Keywords:
css, lists
|
<style type="text/css">
ul
{
list-style-type: disc;
text-indent: -18px;
margin-bottom : 5px;
}
li
{
margin: 5px;
padding: 6;
}
</style>
|
|
Margin
|
|
Keywords:
css, align center, margin
|
<table width="800" style="margin:0 auto" border="1">
<tr>
<td style="width:400px" valign="top">
<table style="width:350px; margin-left:50px" cellpadding="0">
|
|
Mouseover/Mouseout
|
|
Keywords:
css, mouseover, mouseout
|
<tr style="width:100%; background-color:#DADAA7" onMouseover="this.style.backgroundColor='#B7C4D5';"
onMouseout="this.style.backgroundColor='#DADAA7';">
|
|
Stylesheet
|
|
Keywords:
css, stylesheet, .css
|
<link rel="stylesheet" type="text/css" href="styles.css">
|
|
Textbox
|
|
Keywords:
css, textbox
|
<input type="text" name="user" size="20" style="border:1px solid #7F9DB9;">
|
|
Translation: Font
|
|
Keywords:
css, language, translation, Arabic, font
|
<style type="text/css">
SPAN.arabic {
font-face: Traditional Arabic;
font-size: 12pt;
}
SPAN.english {
font-face: Times New Roman;
font-size: 10pt;
}
</style>
<span class="arabic">arabic text</span>
<span class="english">english text</span>
|
|
