CSS样式之ASP.NET的使用-css教程-PHP中文网

CSS样式之ASP.NET的使用

零下一度

发布： 2017-04-27 13:55:44

原创

2316人浏览过

1 使用link标签去调用样式，即调用css文件中的样式，可以直接将CSS文件拖拽到html页的head下面

此方法先加载css，后加载html

<head runat="server">
   <title>网页标题</title>
   <link href="Css/default.css" rel="stylesheet" type="text/css" />   
</head>

登录后复制

2 使用style标签

<head runat="server">
   <title>网页标题</title>

   <link href="Css/default.css" rel="stylesheet" type="text/css" />
  
   <style type="text/css">
        body
        {
            width:100%;
        }
        
   </style>

</head>

登录后复制

3 import加载，先加载html，后加载css

   <style type="text/css">
        
        @import url('css/default.css');
        
   </style>

登录后复制

4 在default.css中的使用

1 如果只写控件的类型，表示该类型的控件都用这样的样式

2 如果想对某一控件进行设置样式使用 #

举个栗子: defaullt.css 文件

body 
{
    padding: 0px;
    margin: 0px;
    width:960px;
    height:auto;
    display:block;
    margin-left:auto;
    margin-right:auto;   
}
        
#p_Top
{
  width:100%;
  height:80px;
  margin:0 auto;
  background-color:White;
  display:block;
}

#p_Mid
{
  width:100%;
  height:auto;
  margin:0 auto;
  background-color:White;
  display:block;
  min-height:420px;
}

#p_Footer
{
    width:100%;
    height:30px;
}


#Select,#Insert,#Delete,#Update
{
   width:90px;
   margin-left:auto;
   margin-right:auto;
   height:90px;
   font-size:15px;
   border: 3px solid #33CCFF;
}

#Select:hover,#Insert:hover,#Delete:hover,#Update:hover
{
     cursor:pointer;
     background-color:#33CCFF;
}

登录后复制

5 对于控件而言可以使用属性加载样式

1 使用style属性直接使用 style=" width:auto; height:auto; margin-left:auto; margin-right:auto;"

2 使用class 调用head里的样式

立即学习“前端免费学习笔记（深入）”；

ecshop仿万表网商城整站

该软件是以ecshop作为核心的仿制万表网的商场网站源码。万表网模板 2015最新版整体简洁大气，功能实用，是一款时尚典雅的综合类模板！样式精美的商品分类树，层次分明，分类结构一目了然。首页轮播主广告分别对应切换小广告，商品宣传更到位。独家特色增加顶级频道页面、品牌页面，以及仿京东对比功能，提升网站档次，让您的网站更加高端大气！并且全站采用div+css布局，兼容性良好，更注重页面细节，增加多种j

查看详情

3 使用CssClass 调用head里的样式

<style type="text/css">
    
     .Bt
      {
           width:80px;
           height:25px;
           border:none;
      }
       
       .Bt:hover
       {
           cursor:pointer;
           background-color:#33CCFF;
       }
       
       .closed
       {
            border-style: none;
            height:21px;
            width:21px;
            background-image: url('/Images/closed.png');
            background-repeat:no-repeat;
       }
       
       .closed:hover
       {
           cursor:pointer;
       }
    
    </style>

登录后复制

6 后台为前台按钮添加样式

bt.Attributes.CssStyle.Value = "background-color:Gray;";

登录后复制

7 可以用迭代写法

表示设置 Menu下的ul下的li的样式

#Menu ul li
		{
			width:100%;
			
			border:1px dotted gray;
			margin:0;
			padding:0;
		}

登录后复制

以上就是CSS样式之ASP.NET的使用的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

css中couters函数是什么 css中counter-increment属性是什么 css中id选择器的注意点 css中flex-wrap属性是什么 css中有哪些命名规范

CSS样式之ASP.NET的使用

1 使用link标签去调用样式，即调用css文件中的样式，可以直接将CSS文件拖拽到html页的head下面

此方法先加载css，后加载html

2 使用style标签

3 import加载，先加载html，后加载css

4 在default.css中的使用

5 对于控件而言 可以使用属性加载样式

6 后台为前台按钮添加样式

7 可以用 迭代写法

大家都在看：

5 对于控件而言可以使用属性加载样式

7 可以用迭代写法