CSS小知识点（更新中...）

haonanlyf

浏览: 8357 次
性别:
来自: 盐城

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

CSS C#.NET HTML

①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" onclick="this.value=''"></asp:TextBox>

⑧页面刷新或者提交信息后滚动条保持原位

<%@ Page Language="C#" MaintainScrollPositionOnPostback="true" %>

⑨设置铆记-点击<我要评论>按钮，跳转到页面下方某一位置技巧

<a href="#com">我要评论</a>

/*某位置*/
<a name="com">&nbsp;</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是由系统自动给出效果