css样式设计思路总结

html-css017

css样式设计思路总结,第1张

如何清除图片下方出现几像素的空白间隙?

方法1:

方法2:

除了top值,还可以设置为text-top | middle | bottom | text-bottom

甚至特定的<length>和<percentage>值都可以

方法3:

如何让文本垂直对齐文本输入框?

如何让单行文本在容器内垂直居中?

如何让超链接访问后和访问前的颜色不同且访问后仍保留hover和active效果?

按L-V-H-A的顺序设置超链接样式即可,可速记为LoVe(喜欢)HAte(讨厌)

为什么Standard mode下IE无法设置滚动条的颜色?

将原来设置在body上的滚动条颜色样式定义到html标签选择符上即可

如何使文本溢出边界不换行强制在一行内显示?

设置容器的宽度和white-space为nowrap即可,其效果类似<nobr>标签

如何使文本溢出边界显示为省略号?

方法(此方法Firefox5.0尚不支持):

如何使连续的长字符串自动换行?

word-wrap的break-word值允许单词内换行

如何清除浮动?

方法1:

方法2:

方法3:

如何定义鼠标指针的光标形状为手型并兼容所有浏览器?

若将cursor设置为hand,将只有IE和Opera支持,且hand为非标准属性值

如何让已知高度的容器在页面中水平垂直居中?

Know More:已知高度的容器如何在页面中水平垂直居中

如何让未知尺寸的图片在已知宽高的容器内水平垂直居中?

如何设置span的宽度和高度(即如何设置内联元素的宽高)?

如何给一个元素定义多个不同的css规则?

如何让某个元素充满整个页面?

如何让某个元素距离窗口上右下左4边各10像素?

如何去掉超链接的虚线框?

IE7及更早浏览器由于不支持outline属性,需要通过js的blur()方法来实现,如<a onfocus="this.blur()"...

如何容器透明,内容不透明?

原理是容器层与内容层并级,容器层设置透明度,内容层通过负margin或者position绝对定位等方式覆盖到容器层上

方法2:

高级浏览器直接使用rgba颜色值实现;IE浏览器在定义容器透明的同时,让子节点相对定位,也可达到效果

如何让整个页面水平居中?

定义body的text-align值为center将使得IE5.5也能实现居中

为什么容器的背景色没显示出来?为什么容器无法自适应内容高度?

通常出现这样的情况都是由于没有清除浮动而引起的

如何做1像素细边框的table?

方法1:

方法2:

IE7及更早浏览器不支持border-spacing属性,但是可以通过table的标签属性cellspacing来替代。

如何使页面文本行距始终保持为n倍字体大小的基调?

注意,不要给n加单位

标准模式Standard mode和怪异模式Quirks mode下的盒模型区别?

标准模式下:Element width = width + padding + border

怪异模式下:Element width = width

以图换字的几种方法及优劣分析

思路1:使用text-indent的负值,将内容移出容器

该方法优点在于结构简洁,不理想的地方:

1.由于使用场景不同,负缩进的值可能会不一样,不易抽象成公用样式;

2.当该元素为链接时,在非IE下虚线框将变得不完整;

3.如果该元素被定义为内联级或者内联块级,不同浏览器下会有较多的差异

思路2:使用display:none或visibility:hidden将内容隐藏;

该方法优点在于兼容性强并且容易抽象成公用样式,缺点在于结构较复杂

思路3:使用padding或者line-height将内容挤出容器之外;

该方法优点在于结构简洁,缺点在于:

1.由于使用场景不同,padding或line-height的值可能会不一样,不易抽象成公用样式;

2.要兼容IE5.5及更早浏览器还得hack

思路4:使用超小字体和文本全透明法;

该方法结构简单易用,推荐使用

为什么2个相邻div的margin只有1个生效?

本例中box1的底部margin为10px,box2的顶部margin为20px,但表现在页面上2者之间的间隔为20px,而不是预想中的10+20px=30px,结果是选择2者之间最大的那个margin,我们把这种机制称之为“外边距合并”;外边距合并不仅仅出现在相邻的元素间,父子间同样会出现。

简单列举几点注意事项:

 外边距合并只出现在块级元素上;

 浮动元素不会和相邻的元素产生外边距合并;

 绝对定位元素不会和相邻的元素产生外边距合并;

 内联块级元素间不会产生外边距合并;

 根元素间不会不会产生外边距合并(如html与body间);

 设置了属性overflow且值不为visible的块级元素不会与它的子元素发生外边距合并;

如何在文本框中禁用中文输入法?

ime-mode为非标准属性,写该文档时只有IE和Firefox支持

如何解决列表中list-style-image不能精准定位的问题?

不使用list-style-image来定义列表项目标记符号,而用background-image来代替,

并通过background-position来进行定位

如何解决伪对象:before和:after在input标签上的怪异表现的问题?

现象:

在编写本条目时,除了Opera,在所有浏览器下input标签使用伪对象:before和:after都没有效果,即使Opera的表现也同样令人诧异。大家可以试玩一下。浏览器版本:IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

除了Firefox,在所有浏览器下伪对象:before和:after无法定义过渡和动画效果。

如果这个过渡或动画效果是必须,可以考虑使用真实对象。

问题一:网站设计思路 1、客户需求分析

2、网站表现形式分析:

1)网站整体风格:

2)网页设计理念:

3)网站配色方案

4)网站构架

3、网站功能设计

1)前台功能设计

2)后台模块功能设计

4、网站报价

有空可以搜 “就登录网酷站” 就能看到就登录网网址。

这里有好多酷站及设计网址希望对你有帮助。

问题二:网站的设计方案要怎么写? 网站规划书包含的内容如下:

一、建设网站前的市场分析

1、相关行业的市场是怎样的,市场有什么样的特点,是否能够在互联网上开展公司业务。

2、市场主要竞争者分析,竞争对手上网情况及其网站规划、功能作用。

3、公司自身条件分析、公司概况、市场优势,可以利用网站提升哪些竞争力,建设网站的能力(费用、技术、人力等)。

二、建设网站目的及功能定位

1、为什么要建立网站,是为了宣传产品,进行电子商务,还是建立行业性网站?是企业的需要还是市场开拓的延伸?

2、整合公司资源,确定网站功能。根据公司的需要和计划,确定网站的功能:产品宣传型、网上营销型、客户服务型、电子商务型等。

3、根据网站功能,确定网站应达到的目的作用。

4、企业内部网(Intranet)建设情况和网站的可扩展性。

三、网站技术解决方案

根据网站的功能确定网站技术解决方案。

1、采用自建服务器,还是租用虚拟主机。

2、选择操作系统,用unix,Linux还是Window2000/NT。分析投入成本、功能、开发、稳定性和安全性等。

3、采用系统性的解决方案(如IBM,HP)等公司提供的企业上网方案、电子商务解决方案?还是自己开发。

4、网站安全性措施,防黑、防病毒方案。

5、相关程序开发。如网页程序ASP、JSP、CGI、数据库程序等。

四、网站内容规划

1、根据网站的目的和功能规划网站内容,一般企业网站应包括:公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。

2、电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。

3、如果网站栏目比较多,则考虑采用网站编程专人负责相关内容。 注意:网站内容是网站吸引浏览者最重要的因素,无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查,并在网站发布后调查人们对网站内容的满意度,以及时调整网站内容。

五、网页设计

1、网页设计美术设计要求,网页美术设计一般要与企业整体形象一致,要符合CI规范。要注意网页色彩、图片的应用及版面规划,保持网页的整体一致性。

2、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。

3、制定网页改版计划,如半年到一年时间进行较大规模改版等。

六、网站维护

问题三:怎么写自己的产品设计思路 1、首先阐述产品面向用户市场的需求,关键是用户痛点要分析要透--发现问题2、痛点目前有没有得到很好解决,分析市场同类产品优劣,哪方面做得好哪方面不行等等--分析问题

3、该说到你设计思路,从哪一个角度切入痛点使其得到很好的解决。然后是自己的设计让产品有了哪些提升等等--解决问题

--米可创新设计 MKDesign

问题四:网页设计思路是什么意思,怎么写,求解!拜托各位了 3Q 一、网页整体方案设计。 二、css+DIV布局。 三、交互。前台代码+后台数据库。

问题五:网站设计方案怎么写啊? XX网站建设方案

第一章前言

在INTERNET迅速普及的今天,拥有自己的网站是一个企业或部

门进行形象宣传的重要方式,也是同外界交流合作、寻找商机的一个重要途径。互联网的发展大大提高了各类信息活动发布的速度和可选择空间,新型的商务信息通道其优越性显而易见。XX公司服务作为一家知名度很高的家政服务公司,其网上形象的树立、宣传、案例展示等都显得极为重要。现通过利用互联网覆盖面广、信息容量大、传递速度快的特点,建立网站首页以公司简介、 服务项目、服务宗旨、家政常识、加盟合作、联系我们等相关内容资讯的网站,把网站建设成为面向社会各界宣传的窗口与客户勾通、交流的纽带。网站的色彩与整体布局,突出其作为一个大型服务行业网站应有的大气、典雅、清新的特色。同时将提升整个网站的功能性,加强祥和家政项目宣传力度,提高综合服务的能力,同时可进行网上展示、网上宣传、网上咨询等一系列信息服务等。同时通过留言、邮件等功能,加大与社会各界的随时交流与沟通。

网站内容

首页:以一幅富于创意,符合XX公司特征的FLASH动画作为过渡页,同时在动画上设置进入网站的按钮,分别进入网站的首页面,再根据XX公司服务网站的具体栏目来设计首页的风格及布局,确保各个栏目位置合理,点击方便,一目了然。

XX公司简介:主要为XX公司服务的简介,系统全面介绍XX公司服务的一些具体情况,树立企业形象。

服务项目:主要是向客户展示公司的具体业务服务项目。使客户对公司的服务有一个具体的了解。

服务宗旨:我们打动客户,客户寻找我们 ,这是我们的优势,也可以通过以往的服务宗旨来了解。金文网络公司将根据贵公司提供案例进行实景拍摄,或由我公司资深美工给你设计出精美居家、商业案例。

加盟合作:向有意向加盟的单位详细介绍加盟的一些信息。

家政常识:向你的客户介绍一些家政服务的知识。

联系我们:列出XX公司的地址、电话、邮箱等便于你的客户和你们联系。

问题六:制作个人网页的设计思路 网站设计,包含的内容非常多。大体分两个方面:

一方面是纯网站本身的设计比如文字排版,图片制作,平面设计,三维立体设计,静态无声图文,动态有声影像等;

另一方面是网站的延伸设计,包括网站的主题定位和浏览群的定位,智能交互,制作策划,形象包装,宣传营销等等。

这两方面相辅相成,告诉给大家(注意:我并不会非常具体地讲某一个技术或制作技巧,重点在于思路)希望能给您一些帮助。下面是大致的提纲:

1.定位你的网站主题和名称;

2.定位你的网站CI形象;

3.确定你的栏目和版块;

4.网站的整体风格创意设计

5.网站的层次结构和链接结构

6.首页的设计

7.版面布局的窍门

8.色彩的搭配

9.效果与速度

10.替浏览者考虑

11.细微之处见功力

12.建设完成度与推出时间

13.交互性与亲和度

14.考虑不同的浏览器和分辨率

15.字体的设置和表格的嵌套

16.新技术的运用取舍

17.设计好你的banner和位置

问题七:网页的设计思路咋写 首先你得是有思路了才设计的网站,否则网站如何制作成功呢。可以写页面是怎么规划,需要的是哪些内容,网站的主要作用是什么。这些方面来描述就好。

问题八:网页设计的中心思想是什么? 网页设计不只是单纯的前瞻性和令人印象深刻。它要体现一个中心,那就是为游客提供了许多有用的现代化功能,使他们能够在现场逗留一段较长的时间,购买的产品和服务,或仅仅是为了了解更多有关业务。在网页时机中,使用简单,这是给游客提供的特点。但它是不容易的,因为很多设计师要在网页上面分部各种功能,在此过程中构建一个简单的网站。为了游客的快速浏览,页面上总是很多按钮的存在。网页设计的另一个重要方面,布局应该是合乎逻辑的的,色彩应该是让人舒心的。这样做,是为了让用户不会这么的烦恼。任何东西,都需要留下一部分未来的发展空间。

问题九:因特网的设计思路 因特网和电信网的设计完全不同,因为电信网的终端非常简单,没有智能,无郸错处理能力,因此电信网必须负责把用户电话机产生的话音可靠地传送到对方的电话机。但是计算机网络的终端系统是有智能的计算机,计算机有很强的差错处理能力(这点和电话机有本质上的差别)。所以,因特网在设计上就采用了和电话网完全不同的思路。因特网采用的设计思路是:网络层向上只提供简单灵活的、无连接的、尽最大努力交付的数据报服务。采用这种设计思路的好处是:网络的造价大大降低,运行方式灵活能够适应多种应用。

css和编写html代码的基本是一样的,css也有一定的规则和可循。

比如:一般先写全局通用的css,比如body的字体、背景颜色,然后是头部css、正文css、底部css。

css也有一定的命名规则,比如head头部,只要掌握了全局,思路也就理清了。