web前端开发css浮动失效 ASP.NET2.0中CSS失效解决Q&A

今天我爱编程网小编为大家带来了web前端开发css浮动失效 ASP.NET2.0中CSS失效解决Q&A，希望能帮助到大家，一起来看看吧！

html，css3.web前端开发。请问我这个border为什么再浏览器里面无效？

从以下几个方向检查下：

1、border此处的代码是否有错误的语法，所有符号必须是因为字符

border: 2px solid #000

2、看下是不是里面的元素用了float，是的话在完了的nav样式中加一个clearFix

目测就你是这个问题造成的，给你写一个clearFix的样式 在标签的class=“nav clearFix”这样既可

.clearFix:before, .clearFix:after {
content: "";
display: block;
visibility: hidden;
clear: both;
}

.clearFix {
zoom: 1;
}

Web前端开发知识点之CSS的使用方式

今天小编要跟大家分享的文章是关于Web前端开发知识点之CSS的使用方式。本文章小编从与HTML的结合方式、CSS语法、选择器以及盒子模型四个方面进行讲解。下面来和小编一起看一看吧！


一、与HTML的结合方式


CSS与HTML的结合方式一共有三种，分别是：外部样式、内部样式和内联样式。


①外部样式


当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在文档的头部：


_








或者可以像下面这样在





②内部样式


当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用





③内联样式


要使用内联样式，你需要在相关的标签内使用样式(style)属性。


_


Thisisaparagraph





由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。


二、CSS语法


CSS语法规则由两个主要的部分构成：选择器，以及一条或多条声明。


选择器通常是您需要改变样式的HTML元素。


每条声明由一个属性和一个值组成。两条声明之间被分号分开。


属性是您希望设置的样式属性。每个属性有一个值。属性和值被冒号分开。


在下面这个例子中，h1是选择器，color和font-size是属性，red和14px是值。





三、选择器


CSS的选择器主要分为两大类，一类基本选择器；一类扩展选择器。


①基本选择器


基本选择器包括id选择器，元素选择器和类选择器。


id选择器可以为标有特定id的HTML元素指定特定的样式。id选择器以"#"来定义。例如下面代码指定id为red的标签中文本为红色。


#red{color:red;}


元素选择器可以为相应的HTML元素指定特定的样式。元素选择器前面没有任何字符。例如下面代码指定div标签中文本为红色。


div{color:red;}


类选择器可以为标有特定class的HTML元素指定特定的样式。类选择器以一个点号显示。例如下面代码指定class为center的标签中文本居中对齐。


.center{text-align:center}


②扩展选择器


扩展选择器是在基本选择器的基础上扩展出来的，下面介绍几种常见的。


*选择器(*
{})可以为HTML的所有元素指定特定的样式。例如下面代码指定HTML页面中所有文本为红色。


*{color:red;}


并集选择器(选择器1,选择器2{})可以为多个选择器指定特定的样式。例如下面代码指定div和span两种标签中文本为红色。


div,span{color:red;}


子选择器(选择器1选择器2{})可以为选择器1中的选择器2指定特定的样式。例如下面代码指定div中span标签文本为红色。


divspan{color:red;}


父选择器(选择器1>选择器2{})可以为含有选择器2的选择器1指定特定的样式。例如下面代码指定含有span的div标签文本为红色。


div>span{color:red;}


属性选择器(元素[属性="属性值"])可以为含有该属性且属性值等于该值的元素指定特定的样式。其中，元素和属性值可以省略。例如下面代码指定align属性等于center的div标签文本为红色。


div[align="center"]{color:red;}


伪类选择器(元素:状态{})可以为该元素处于该状态时指定特定的样式。例如下面的代码指定鼠标悬浮在超链接上时文本为红色。


a:hover{color:red;}


四、盒子模型


所有HTML元素可以看作盒子，在CSS中，"box
model"这一术语是用来设计和布局时使用。


CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。


盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。


下面的图片说明了盒子模型：






Margin(外边距)-清除边框外的区域，外边距是透明的。


Border(边框)-围绕在内边距和内容外的边框。


Padding(内边距)-清除内容周围的区域，内边距是透明的。


Content(内容)-盒子的内容，显示文本和图像。



默认情况下，标签的width和height属性指的是content(内容)的宽和高，我们在设置边框和边距的时候一定要注意。如果想要让width和height是最终盒子的大小，可以设置下面的代码：


box-sizing:border-box;


以上就是小编今天为大家分享的关于Web前端开发知识点之CSS的使用方式的文章，希望本篇文章能够对正在从事web前端工作和学习的小伙伴们有所帮助，想要了解更多web前端知识记得关注北大青鸟web培训官网，最后祝愿小伙伴们工作顺利，城市一名优秀的web前端程序员。


文章来源：原创_绲墓适_

ASP.NET2.0中CSS失效解决Q&A

经常有人遇到ASP NET (ASP NET x中可能是有效的)中CSS失效的问题 本文将主要原因和解决方法A&Q列出 做出如CSS文件路径不正确等问题的解答

经常有人遇到ASP NET (ASP NET x中可能是有效的)中CSS失效的问题 现将主要原因和解决方法罗列如下

Q CSS文件路径不正确

A 这个问题属于Web开发中的基础问题 一般采用相对路径会出现这样的问题 或者样式文件写在了模板页里面 在内容页与模板页不在同一级目录下时会出现这样的问题 此时你要清楚Web中相对路径的规则 如果你不清楚 可以采用绝对路径的写法试试就知道是不是路径的问题了

Q CSS规则写法错误

A 这个问题谁也帮不你 只能自己学习CSS的相关知识了

Q 文件编码问题

A 有时候 CSS样式放在aspx文件里有效 而放在独立的文件中无效 这样的问题如果不是路径问题 则就是编码问题造成的 可以将CSS文件用记事本打开 再另存为ANSI格式或者UTF 格式即可

Q 权限问题

A 这种情况常见的现象是登录之前样式无效 登录之后才有效 这是典型的权限问题造成的 由于web config配置了所有文件不允许匿名访问 才会出现这样的问题 解决方法就是是标记将样式文件配置为允许匿名访问 例如 我爱编程网

＜configuration＞ ＜location path= 允许匿名访问的文件夹名称 ＞ ＜system web＞ ＜authorization＞ ＜allow users= ? /＞ ＜/authorization＞ ＜/system web＞ ＜/location＞ ＜/configuration＞

Q 单击按钮样式失效

A 这种情况最典型的原因是单击按钮事件里有类似Response Write这样的语句 由于ASP NET 默认采用// w /TR/x /DTD/x transitional dtd文档类型定义 它就要求在的前面不能有任何输出 这种问题的解决方法是采用ClientScriptManager输出 或者采用Literal控件输出内容

Q 在ASP NET x里面起作用的样式到ASP NET 里面失效

A 这种问题一般仍然是x 造成的 由于// w /TR/x /DTD/x transitional dtd的样式规则与以前的不同 如要加单位 例如width: ; 现在要写成width: px; 这种问题的解决方法就是要明确加上单位

Q 脚本设置的样式无效

A 由于x DTD要求有单位 因此在设置对象样式的数值时 仍然要加上单位 如obj style width = px 下面的代码在Firefox里是无效的(不要抱怨Firefox麻烦)

＜!DOCTYPE PUBLIC //W C//DTD XHTML Transitional//EN // w /TR/x /DTD/x transitional dtd ＞ ＜ xmlns= // w / /x ＞ ＜head＞ ＜script type= text/javascript ＞ //＜![CDATA[ function SetHeight() { document getElementById( x ) style height= } //]]＞ ＜/script＞ ＜/head＞ ＜body＞ ＜div id= x style= background:#DDD; height:auto; ＞测试＜/div＞ ＜input type= button value= 设置 onclick= SetHeight() /＞ ＜/body＞ ＜/＞

尽管上面在IE中正常 但在Firefox里面则会出现问题 正确写法为

lishixinzhi/Article/program/net/201311/15024

以上就是我爱编程网整理的web前端开发css浮动失效 ASP.NET2.0中CSS失效解决Q&A相关内容，想要了解更多信息，敬请查阅我爱编程网。