zoukankan      html  css  js  c++  java
  • 一步步学习SPD2010--第十章节--SP网站品牌化(8)--使用样式应用程序组命令

    一步步学习SPD2010--第十章节--SP网站品牌化(8)--使用样式应用程序组命令

            在样式选项卡,样式应用程序组命令提供了你经常使用的部件的快速访问。通过使用页面编辑器选项对话框,你可以配置SPD来以你的名义自动创建样式(自动模式),或者配置SPD允许你手动创建样式(手动模式)。如果你处理CSS很惬意,你可能会发现总是处在自动模式或手动模式并不适合你。这种情况下,就需要样式应用程序组命令了。

            模式列表可以选择自动或手动,这样可以控制样式产生的方式。手动模式时,其他命令会被激活。

            目标规则允许你快速应用创建的样式。默认最高优先级的样式是目标规则。目标规则也可以用来修改特定样式或为选中的元素创建样式。你可以选择在选中元素(内联样式)的样式属性上创建CSS属性,或者允许SPD生成新样式类(New Auto Class)。

            小贴士:SPD状态栏会显示当前的样式应用程序模式。单击状态栏的样式应用程序可以改变模式,或打开页面编辑器中的CSS选项卡。

            本练习中,你使用样式应用程序组命令。

            准备:使用SPD以拆分视图打开MyPage.aspx。

    1. 光标放在Office Furniture下边一行(<p>标签以外)。输入Garden Furniture。

    2. 样式--模式,选择手动。目标规则选择新建级联样式。


             样式应用程序组中,显示覆盖图、目标规则列表、重用属性按钮是活动的。SPD状态栏显示手动。

    3. 点击开始选项卡,字体颜色选择红色。

            代码视图中,color属性#FF0000,被添加到<p>标签的style属性中。


    4. 按下CTRL+Z取消原来操作。样式选项卡--目标规则--新建自动类。回到开始选项卡,字体颜色选择红色。

            设计视图中<p>标签是p.style1 style2.代码视图中可以看到新类.style2,应用到了新的<p>标签中。

    5. 按下CTRL+Z取消原来操作。样式选项卡--目标规则--应用新样式。

    6. 输入.red。字体选择红色。

    7. 点击应用。

            文本Garden Furniture变红色,左对齐没有边框。类.style1和.style2不在应用到文本上。<p>标签为p.red,代码视图中类值设置为red。


    8. 保存。

  • 相关阅读:
    【xamarin + MvvmCross 从零开始】一、环境安装
    .NET微服务从0到1:服务容错(Polly)
    .NET微服务从0到1:服务注册与发现(Consul)
    .NET微服务从0到1:API网关(Ocelot)
    .NET Core之单元测试(四):Fluent Assertions的使用
    .NET Core之单元测试(三):Mock框架Moq的使用
    .NET Core之单元测试(二):使用内存数据库处理单元测试中的数据库依赖
    .NET Core之单元测试(一):入门
    win+navicat
    JDBC介绍和Mybatis运行原理及事务处理
  • 原文地址:https://www.cnblogs.com/crazygolf/p/3857049.html
Copyright © 2011-2022 走看看