①ID选择器优先级(#XXX)> 类选择器(.XXX)>标签选择器(body)
②同一个class下的样式名称,按照CSS样式表里顺序排列,后面的样式优先级高
③CSS核心内容:标准流、盒子模型、浮动、定位
④元素分块级元素和行内元素(display:block;可将行内元素转换成块级元素)
⑤多行文本框样式
<asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"></asp:TextBox>
⑥浏览器之间的区别显示
margin-top:5px limportant; /*非IE核心浏览器识别*/ *margin-top:10px limportant; /*仅IE6,7,8识别*/ _margin-top:10px; /*仅IE6识别*/
⑦点击评论框清空
<asp:TextBox ID="txtComment" runat="server" TextMode="MultiLine" Text="请在此输入评论内容..." CssClass="comment_con" οnclick="this.value=''"></asp:TextBox>
⑧页面刷新或者提交信息后滚动条保持原位
<%@ Page Language="C#" MaintainScrollPositionOnPostback="true" %>
⑨设置铆记-点击<我要评论>按钮,跳转到页面下方某一位置技巧
<a href="#com">我要评论</a> /*某位置*/ <a name="com"> </a>
⑩新闻分类栏构造
<div id="category" class="commonfrm"> <h4>新闻分类</h4> <ul> <li><a href="Default.aspx">首页</a></li> <asp:Repeater ID="repCategory" runat="server"> <ItemTemplate> <li><a href='list.aspx?caid=<%# Eval("id") %>'><%# Eval("name") %></a></li> </ItemTemplate> </asp:Repeater> </ul> </div>
11.学习笔记之css中鼠标样式
用css控制鼠标样式的语法如下:
<span style="cursor:*">文本或其它页面元素</span>
把 * 换成如下15个效果的一种:
下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!
hand是手型
pointer 也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果