制作网页的小结（一）

网页中读取数据:
1.如果控件为服务器控件，即包含属性runat="server"

则在后台"string str = this.id名.Value.Trim()"


2.如果不是服务器控件，如“”
则在后台"string str = Request.Form["name名"]


3.后台加数据——————————————————————
1)定义全局变量
public StringBuilder aa = new StringBuilder();


2)添加字符串
aa.Append(字符串,值1）;


3)ajax文件中读取到数据
//var aaa = r.Request.Form;
//var xxx = r.Request.Form["renzheng"];
//if(xxx==null)
//{
//    xxx = "0";
//}
//var bb = aaa;


5.DW中的替换成换行是"\r\n"并采用正则表达式方式


6.传输类型为get时，用Request.QueryString["变量名"].ToString()读取到数据（网页之间的变量也用这个方法读取到）
  传输类型为post时，用Request.Form["变量名"].ToString()读取到数据

7.VS中的快捷键

F7从aspx到cs的快速切换

Shift + F7从cs到页面的快速切换

8.border:none与border:0的区别体现为两点：一是理论上的性能差异，二是浏览器兼容性的差异。

性能差异：

【border:0;】把border设为“0”像素效果等于border-width:0，浏览器依然对border-width、border-color进行了渲染，即已经占用了内存值。

【border:none;】把border设为“none”，实际效果等同于border-style:none，浏览器解析“none”时将不作出渲染动作，即不会消耗内存值。

兼容性差异：
IE6、IE7中，border为“none”时，标签button、input边框依然存在。

解决方法：
1，input,button{border:none;background:none;} 据说这种方法理论上没有性能消耗，添加background来实现兼容，难道不需要占用内存？？？
2，input,button{border:0 none;} 个人觉得这种方法相较于第一种通过background实现兼容的方法要好
3，input,button{border:0;}这种方法字符最少，大项目中节省的流量啊，而且我觉得这个内存消耗神马滴可以通过其他页面优化来弥补。


9.渐变颜色填充：
先用“选框工具”画出形状，再用某种颜色填充，前后背景色设置成渐变的两种颜色，锁定需要渐变的图层，再用渐变工具填充颜色，


10.DW界面上字体改变大小的快捷键：CTRL+U ---> Fonts


11.用于input placeholder的字体颜色，不能写在一起，只能分成两个写
input::-webkit-input-placeholder {
    color:    #999;
}
input:-moz-placeholder {
    color:    #999;
}

12.CSS如何设置html table表格边框样式:
http://www.divcss5.com/wenji/w503.shtml


13.aspx中调用中框架
方法1>新建一个Web窗体用户控件，新建一个Web窗体，将刚建好的用户控件，拉到web窗体页面中，在Web窗体中显示代码
“”
方法2>新建两个web窗体，在窗体1中调用窗体2,即在前台写入“<%Server.Execute("窗体1的名称.aspx?A=1111");%>”，其中A为变量


14.aspx文件中的前台循环--------------
<%for(int i=0;i<10;i++){%>
<%=i.toString()%>
需要循环的内容
<%}%>


asp文件中的前台循环---------------------
<%for i=1 to 5%>
需要循环的内容
<% Next%>

15.id不能用于样式，因为它具有唯一性，无法重复使用

16.VS2013中代码格式对齐的快捷键：按住CTRL 再按 K  接着按F

17.颜色十六进制搭配------http://encycolorpedia.com/
  网页设计——--------http://www.66571.cn/


18.取消input和textarea的聚焦边框:input{outline:none} 
   取消textarea可拖动放大： textarea{resize:none} 


19.兼容不支持placeholder的浏览器问题
来源链接：http://blog.csdn.net/xw505501936/article/details/52815876
 $(function () {  
        //兼容不支持placeholder的浏览器[ie浏览器，并且10以下均采用替代方式处理]  
        if ((navigator.appName == "Microsoft Internet Explorer") && (document.documentMode < 10 || document.documentMode == undefined)) {  
            var $placeholder = $("input[placeholder]");  
            for (var i = 0; i < $placeholder.length; i++) {  
                if ($placeholder.eq(i).attr("type") == "password") {  
                    $placeholder.eq(i).siblings("label").text($placeholder.eq(i).attr("placeholder")).show()  
                } else {  
                    $placeholder.eq(i).val($placeholder.eq(i).attr("placeholder")).css({"color": "#ccc"})  
                }  
            }  
            $placeholder.focus(function () {  
                if ($(this).attr("type") == "password") {  
                    $(this).siblings("label").hide()  
                } else {  
                    if ($(this).val() == $(this).attr("placeholder")) {  
                        $(this).val("").css({"color": "#333"})  
                    }  
                }  
            })


20.1px=0.75pt即9pt=12px