css学习总结
一 关于css的id选择符
每个html的元素都包含一个id属性,该属性是唯一的,可以唯一标示一个元素,我们就可以选择更具体的元素。is属性由井号加id组成。
p#bulletinContent
{
color:Yellow ;
background-color:Maroon ;
}
html界面如下:
<p id = "bulletinContent" >我的blog</p>
二 class选择符
html中包含class属性,与id属性不同,class属性不要求唯一性,多个元素可以拥有相同的calss属性。
h2.titleLevel2
{
color:Gray ;
}
html 页面代码:
<h2 class="titleLevel2">测试class的属性</h2>
三 多重class
由上节的内容可知,class属性和id属性的不同之处,id属性是唯一的,而同一个属性可以赋给多个元素。
一个html元素可以属于多个class。
<h2 class="class1 class2">测试class的属性</h2>
css文件如下:
a.class1
{
font-size:12px;
}
a.class2
{
color:red;
}
四 嵌套div标签
div.box
{
border:1px solid #E2DFD0 ;
margin-bottom:1em;
}
div.box div.title
{
padding:0.3em ;
padding-left:0.6em;
background:#F2F0DD;
font-size:0.9em ;
font-weight:bold;
}
div.box div.content
{
margin:0.3em;
}
div.box div.content *
{
margin:0;
}
div.box h3
{
font-weight: bold;
font-size:0.9em;
padding:0.5em;
color:#0033CC;
}
div.box p
{
font-size:0.9em;
padding:0.5em;
}
div.content + div.content
{
border-top:1px dotted #E2DFD0 ;
}
对应的html代码
<div class="box">
<div class="title">产品列表</div>
&nbs
相关文档:
<div style="FILTER:alpha(opacity=30 finishopacity=0 style=1) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); VERTICAL-ALIGN: middle; BORDER-LEFT: #f3f3f3 1px solid; WIDTH: 300px; PADDIN ......
一、CSS文件及样式命名
1、CSS文件命名规范
全局样式:global.css;
框架布局:layout.css;
字体样式:font.css;
链接样式:link.css;
打印样式:print.css;
2、CSS样式命名规范
本人建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字。为了开发后样式名管理方便,大家请用有意义的单 ......
这篇文章是在如下地址看到的:
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_23302976.html
首先是HTML部分:
<
body>
<
div id="loading">
<div><img src="../images/loading.gif" /><span>Please Wait</span></div> ......
今天做一个功能,根据select元素选择的不同selectedIndex项,显示一个表格里指定的tr项。
首先:$("#table tr:gt(0)").css("display","none"); 这个没问题,当要显示的时候.css("display","block"),在FF中布局一下就乱掉了。试了几次都是如此,想了一下,是不是在 ......
在Visual Studio中,所有的ASP.NET 2.0控件都是自定义控件,创建自己的自定义控件一般需要完成以下三步。
(1)在站点APP_Code下创建一个新类;
(2)修改这个类,让它成为WebControl类(包含在System.Web.UI.WebControls命名空间)的派生类;
(3)重写基类(即WebControl类)的RenderContents()方法。
下面是一个最简单的ASP.NE ......