导航:首页 > 万维百科 > 网页设计引导css无法实现

网页设计引导css无法实现

发布时间:2020-12-09 11:07:29

1、CSS网页设计页面浏览器兼容性问题怎么解决?

<meta http-equiv = "X-UA-Compatible" cotent = "IE=edge,chrome=1"/>

来这样写可以达到的效果是自如果安装了GCF,则使用GCF来渲染页面,如果没安装GCF,则使用最高版本的IE内核进行渲染。Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。

2、网页制作CSS圆角代码,不带有图片

不用图片的圆角就是css3了,先看代码
.round-angel {
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
}
标准的css属性是border-radius,值是圆角的半径。对于支持css3的浏览器只写这一句就够了。
但是firefox,chrome等浏览器在w3c将圆角加入css3标准之前已经实现这项特性,分别用的属性是-moz-border-radius和 -webkit-border-radius,所以加上前两句可以兼容更早版本的moz内核和webkit内核的浏览器。
这种写法的缺点是IE8,IE7,IE6-包括其他IE内核的浏览器,都不支持border-radius属性也没有可替代的微软专用属性,圆角无法实现。

总结:如果圆角对你的设计很重要,建议你仍然使用经典的滑动门技术。

3、本地制作网页,为什么css效果无法在ie浏览器上预览?

css在IE浏览器预览无效的原因:


css引用路径错误;

标签嵌套错误;

标签未闭合;

DOCTYPE声明不当。

4、网页设计 CSS 求答

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<div style="width:500px;height:500px;background:#f00;">
<div style="width:200px;height:500px;float:right;">
<div style="width:200px;height:200px;background:skyblue;margin-top:20px;"></div>
<button style="margin-top:10px;">按钮1</button>
<button style="margin-top:10px;">按钮2</button>
</div>
</div>
</body>
</html>

5、网页设计中的css背景图片不能显示

如图在样式设计窗口中设置方框的宽度和高度就可以了 

看了你的源码,我这运行也没错。

不过我放的是.gif的图片,浏览器显示没问题

放了.png的图片,我这里是FF不能显示图片,以前我遇到过.png图片不支持浏览器的情况。

还有你看看%E6%9C%AA%E6%A0%87%E9%A2%98-1这个会不会有问题,我以前做过像这种路径:skins/skin_%28%21SKINID%21%29 也不可以出来图片,后来换成这种skins/skin_(!SKINID!)就可以了,不过skin_%28%21SKINID%21%29代表什麼我就不懂了,别人告诉我这个(!SKINID!)是代表变动的。

6、网页设计中的CSS是什么意思???

CSS是Cascading Style Sheets(层叠样式表)的缩写。
是一种对web文档添加样式的简单机制,属于表现层的布局语言。

1.基本语法规范
分析一个典型CSS的语句:
p {COLOR:#FF0000;BACKGROUND:#FFFFFF}
•其中"p"我们称为"选择器"(selectors),指明我们要给"p"定义样式;
•样式声明写在一对大括号"{}"中;
•COLOR和BACKGROUND称为"属性"(property),不同属性之间用分号";"分隔;
•"#FF0000"和"#FFFFFF"是属性的值(value)。

2.颜色值
颜色值可以用RGB值写,例如:color : rgb(255,0,0),也可以用十六进制写,就象上面例子color:#FF0000。如果十六进制值是成对重复的可以简写,效果一样。例如:#FF0000可以写成#F00。但如果不重复就不可以简写,例如#FC1A1B必须写满六位。

3.定义字体
web标准推荐如下字体定义方法:
body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; }
字体按照所列出的顺序选用。如果用户的计算机含有Lucida Grande字体,文档将被指定为Lucida Grande。没有的话,就被指定为Verdana字体,如果也没有Verdana,就指定为Lucida字体,依此类推,;
•Lucida Grande字体适合Mac OS X;
•Verdana字体适合所有的Windows系统;
•Lucida适合UNIX用户
•"宋体"适合中文简体用户;
如果所列出的字体都不能用,则默认的sans-serif字体能保证调用;

4.群选择器
当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔,:
p, td, li { font-size : 12px ; }

5.派生选择器
可以使用派生选择器给一个元素里的子元素定义样式,例如这样:
li strong { font-style : italic; font-weight : normal;}
就是给li下面的子元素strong定义一个斜体不加粗的样式。

6.id选择器
用CSS布局主要用层"div"来实现,而div的样式通过"id选择器"来定义。例如我们首先定义一个层
<div id="menubar"></div>
然后在样式表里这样定义:
#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
其中"menubar"是你自己定义的id名称。注意在前面加"#"号。
id选择器也同样支持派生,例如:
#menubar p { text-align : right; margin-top : 10px; }
这个方法主要用来定义层和那些比较复杂,有多个派生的元素。

6.类别选择器
在CSS里用一个点开头表示类别选择器定义,例如:
.14px {color : #f60 ;font-size:14px ;}
在页面中,用class="类别名"的方法调用:
<span class="14px">14px大小的字体</span>
这个方法比较简单灵活,可以随时根据页面需要新建和删除。

7.定义链接的样式
CSS中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a : active,例如:
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}
以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。

7、怎么样解决英文无法自动换行(网页设计CSS)

..第一次遇到这样的事情,我到网上查了下:原来有很多人也遇到了同样的问题:例如:不能处理自动换行,将表格伸的很长很长,而汉字字符却可以自动换行。其中的原因是:英文字母之间如果没有空格,系统认为是一个单词,就不会自动换行。汉字就没有这种情况。解决办法:用表格把要显示的内容装起来。在<table标签中加入“style='TABLE-LAYOUT:fixed'”,在需要强制单词换行的<td标签中加入“style='word-WRAP:break-word'”。这样就可以了。Div 中:div 实现长英文字母自动换行CSSIE浏览器#wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;}Firefox浏览器

8、CSS网页设计页面浏览器兼容性问题怎么解决

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,回造成页面显示效答果不统一的情况。在大多数情况下,我们的需求是,无论用户
用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。

我想把前端开发人员划分为两类:

第一类是精确按照设计图开发的前端开发人员,可以说是精确到1px的,他们很容易就会发现设计图的不足,并且在很少的情况下会碰到浏览器的兼容性问题,而这些问题往往都死浏览器的bug,并且他们制作的页面后期易维护,代码重用问题少,可以说是比较牢固放心的代码。

第二类是基本按照设计图来开发的前端开发人员,很多细枝末节差距很大,不如间距,行高,图片位置等等经常会差几px。某种效果的实现也是反复调试得
到,具体为什么出现这种效果还模模糊糊,整体布局十分脆弱。稍有改动就乱七八糟。代码为什么这么写还不知所以然。这类开发人员往往经常为兼容性问题所困。
修改好了这个浏览器又乱了另一个浏览器。改来改去也毫无头绪。其实他们碰到的兼容性问题大部分不应该归咎于浏览器,而是他们的技术本身了。

9、网页前台设计,css怎么实现文字竖排版?

一、使用writing-mode属性
语法:writing-mode:lr-tb或writing-mode:tb-rl
参数:
1、lr-tb:从左向右,从上往下
2、tb-rl:从上往下,从右向左
运行代码发现,IE显示正常,火狐却不行,所以不建议使用writing-mode属性,下面使用模拟方法实现。
 二、模拟文字竖排
代码:
ul{width:100px;height:80px;overflow:hidden;list-style:none;}
ul li{float:right;display:inline;margin-left:4px;width:14px;height:100px;font-size:14px;word-wrap:break-word;word-break:nomal;}
此方法让li右浮动,设置li宽度和字宽度一样都是14px,这样就自动换行了。另外,“word-wrap:break-word;word-break:nomal;”这句实现标点自动换行(连续字符自动换行)。

10、网页设计CSS解释

光说解释,但不来知道解释哪些部源分?我就将我觉得该解释的说说吧。
以"#"开头的成为id选择器,在程序中用id="id名称"调用;以"."开头的成为类别选择器,在程序中使用class="类别名称"调用;二者实现效果一样,只是在不同情况下按需选择。此外还有标记选择器和行内样式两种css样式。
常用选项解释:padding表示内边距;margin表示外边距;float表示浮动属性(设置该属性后可实现图文混排);background-image表示背景图片;background-repeat表示是否允许背景重复;border表示边框;text-align表示文本水平居中显示。
padding:10px 0px 0px 0px;从上开始表示顺时针内边距分别为10px,0px,0px,0px。margin和border的用法与padding类似,可以类推;
border-bottom:1px solid #CAEFC4表示下边框为1px实线颜色为#CAEFC4。其他各边以此类推。
差不多了吧,呵呵,祝你好运!

与网页设计引导css无法实现相关的知识