黑马程序员c#学习14

Windows Phone 7手机开发.Net培训、期待与您交流!

1、样式表 css

  CSS 层叠样式表是用来美化页面用的,简单说CSS可以描述控件的精细设置,通过元素的style属性来展示。

  CSS主要有元素内联,页面嵌入和外部引用3种使用方法。

  元素内联:即在一个标签内部直接定义该元素的样式,一般用于不复用的场合。

  页面嵌入:在<head>标签内定义一个<style type="text/css">标签,在<style>标签内可以定义需要的样式,格式为

             元素类型{样式},比如  input{ background-color:ReD}
 
             当<body>标签使用input元素时,会自动引用<head>标签内的对应元素的样式。将背景色变成红色

             页面嵌入的方式主要用于单个页面内标签样式的统一。

  外部文件:将css文件单独写在一个文件中,在<head>标签内通过<link type="text/css" rel="Stylesheet" href="文件路劲
">引用该文件。这种方式用于多个页面共享同一个CSS文件。

  他们3者的关系式,元素内联>页面嵌入>外部文件

2、常见的样式
 
   css计量单位:px(像素),百分比,em(相对单位)等。通常格式如 width:20px 这表示元素控件的宽度为20个像素

   background-color:背景颜色

   color          文本颜色

   border-style  边框的风格, border-color   边框颜色    border-width   边框宽度,默认为0  这三个样式通常配对使

   display     元素是否显示,可选值包括none(不显示),block(显示为块级,元素前后会带换行符)inline(显示为内联元

 素,元素前后没有换行符)

    curson   元素对应的光标图标

3、样式选择器

   用于描述非内联元素的样式的选择,有3种,标签选择器,class选择器,和id选择器

   标签选择:其实标签选择器和上面的页面嵌入方式是一样的,他们是通过标签的名来确定样式的

   class选择器:在定义样式时给样式取一个名字,然后在我们的元素的class属性中选择样式名字来确定元素的样式。

                如 在<head>标签内定义了一个样式 .hignlight{font-size:20;cursor:help}
    
                                                .lowerlight{font-color:red;cursor:help}

                当我们的某一元素需要使用这个样式的时候, 只需将class属性的值设置为hignlight即可

                <p class=“hignlight”> aaaa </p>

                注意,在给样式取名字的时候,前面必须加一个“.”

                一个元素可以同时设定多个class,只需在给class属性赋值时将两个样式名字用空格分开

                <p class=“hignlight lowerlight”> aaaa </p>

    标签+class选择器 : 主要用于实现不同的标签,同样的样式名有不同的样式,申明格式如下

                   标签名.样式名{样式}

                   如 input.hignlight{font-size:20;cursor:help;}
           
                      label.hignlight{font-size:30;cursor:point;}

                    这样,当我们在label标签中使用hignlight样式时字体大小是30,而在input标签中使用hignlight样式时
 
                    字体大小是20
 
    id选择器:  对指定ID应用样式 格式如下

                 #username{   }

                 这个样式表明对于id为username的元素应用样式,这样在元素内不用书写任何代码来设置样式。

    关联选择器: P Strong {    }表示p标签内的strong标签的样式

    组合选择器:同时为多个标签设定样式  如H1,H2,input{} 表示3个标签都使用同一样式,

  

Windows Phone 7手机开发.Net培训、期待与您交流!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值