牛腩新闻发布系统：Web窗体无法显示所应用的样式表

前言

在敲牛腩的时候，我们需要建立一个样式表，使得相似功能窗体可以应用同一个样式表。

一、问题描述与解决方案

在编辑好样式表并应用于Web窗体之后，网页无法显示所应用的样式。

样式表：

#top, #search {/*公共样式*/width: 760px;margin:10px auto 10px auto;
}

错误的Web窗体内容

<div id=" top"><a href ="http://www.tg029.com " ><img src="data:images/niunanlogo.jpg" /></a>                </div><div id=" search">搜索条件：            <asp:TextBox ID="txtKey" runat="server"></asp:TextBox><asp:ImageButton ID="ibtnSearch" ImageUrl="images/search.gif"  runat="server" /></div>

正确的Web窗体内容

<div id="top"><a href ="http://www.tg029.com " ><img src="data:images/niunanlogo.jpg" /></a>                </div><div id="search">搜索条件：            <asp:TextBox ID="txtKey" runat="server"></asp:TextBox><asp:ImageButton ID="ibtnSearch" ImageUrl="images/search.gif"  runat="server" /></div>

经过对比可以发现在标签top、search之前Web窗体多写了一个空格，导致样式表无法正常使用。

二、如何在Web窗体中应用样式表

1.首先可以看到下图中的样式表与Web窗体

2.应用样式：

（方法一：把刚刚的样式表直接拖到title标签下方就可以了）

（方法二：复制样式表，再进行粘贴）

应用结果：

3.接下来可以在样式表中写我们需要的样式例如：

#top, #search {/*公共样式*/width: 760px;margin:10px auto 10px auto;
}

牛腩新闻发布系统：Web窗体无法显示所应用的样式表相关推荐

【牛腩新闻发布系统之handler】
前言: 敲着牛腩已经有很长时间了,一路走来,没有顺顺利利的!正是因为这样,我才感觉自己有了收获!也正是错误的调试,对牛腩新闻发布系统更加了解了!毕竟,错误的调试是一个经历并成长的过程,今天,主要来总结 ...
牛腩新闻发布系统——制作母板页
以牛腩新闻发布系统为例,复述Web开发母版页制作: 单击右键--新建项--选择母版页.命名--确定. 这个母版页中包含三部分不变的内容:top(图片).Search(搜索).footer(底部版权) ...
【牛腩新闻发布系统】开发前的准备01
前言: 牛腩新闻发布系统已经完成了很久了,在完成的过程中,一步步按照视频的步骤在走,中间探索了一下注释部分是怎么出来的.整个学习过程紧凑而且有序,中间也拖沓了两周有开始接着完成,接下来是整个过程中一些 ...
牛腩新闻发布系统——后台前台整合技术
在牛腩新闻发布系统中用到了一些技术我就来总结下一.鼠标超链接设置一开始就用到了鼠标超链接的设置.尾部样式的设置,这个东西每个网站都要用到非常长用所以可以写下来积累积累. 举个例子如图:鼠标没有移 ...
牛腩新闻发布系统——触发器使用
触发器(trigger)是个特殊的存储过程,它的执行不是由程序调用,也不是手工启动,而是由事件来触发,比如当对一个表进行操作( insert,delete, update)时就会激活它执行.触发器经常 ...
课工场新闻发布系统Web的数据库代码
本文介绍使用图形化界面工具Navicat输入SQL语句创建库.表,以及导出sql脚本的全过程如何在图形化界面工具Navicat使用SQL语句创建库和表图形化界面工具Navicat的下载地址: ...
【Dongle】【Web】牛腩新闻发布系统之中篇
相对于前篇总结来说,中篇来得晚了很多,大概都一个多月过去了由于牛腩视频已经看完,并跟着敲了下来,故而在这里,我就总结一下视频后40讲的大概知识点. 在前期框架搭建好之后,中期也就是针对每个页面设计符合 ...
牛腩新闻发布系统—如何发布
[前言] 牛腩项目的学习已经接近尾声了,到了该发布的时候了,当时看完牛腩老师的发布系统,并没有很懂,就想着先往下走,当看了Asp.Net第一集的时候,就突然明白怎么回事了,其实也没有那么难. [内容] ...
牛腩新闻发布--页内图片不显示
出现问题当我在敲击牛腩Web的时候,使用Web母版页建立categorymanager模块,同时引用了m_common母版页,引用之后我使用Ctrl+F5运行,发现图片加载不出来,如下所示: 我就感 ...

牛腩新闻发布系统：Web窗体无法显示所应用的样式表

前言

一、问题描述与解决方案

二、如何在Web窗体中应用样式表

牛腩新闻发布系统：Web窗体无法显示所应用的样式表相关推荐

最新文章

热门文章