小编Jit*_*yas的帖子

使用CSS制作带边框卷曲的圆形徽章?

是否可以仅使用CSS使徽章像下图一样卷曲?

文本必须保持在下面的卷曲和渐变之下,文本应该是可选择的.

在此输入图像描述

JS小提琴: http ://jsfiddle.net/jitendravyas/vVeME/1/

css css3

5
推荐指数
1
解决办法
1334
查看次数

如何在iScroll中为滚动条设置动态宽度?

在这个例子中,http://bit.ly/t2ImYS所有元素的包装宽度都是固定的8520px

#scroller {
width: 8520px;
height: 100%;
float: left;
padding: 0;}
Run Code Online (Sandbox Code Playgroud)

我想要width动态,所以如果我在<div id="scroller">#scroller中添加更多元素,应该在其中的元素上取宽度.

所以试着设置宽度

#scroller {
    width: 100%;}
Run Code Online (Sandbox Code Playgroud)

 #scroller {
    width: auto}
Run Code Online (Sandbox Code Playgroud)

但是滚动器无法正常工作.

有没有办法让width%与正常工作卷轴?

javascript css mobile-safari iscroll4

5
推荐指数
1
解决办法
9491
查看次数

流体布局和css精灵

我使用css精灵在固定宽度设计上显示背景.我改为流畅的布局,但由于背景位置,当浏览器调整大小时背景图像变得不稳定.

是否可以使用具有流体网格背景的css sprite,它在哪里调整布局?

我需要与其他最新浏览器兼容ie 7和8的布局

css css-sprites css3 fluid-layout responsive-design

5
推荐指数
1
解决办法
4157
查看次数

元素导航上属性角色的错误值分页

我在 W3C 验证中收到此错误。我正在使用 HTML5 文档类型<!DOCTYPE html>

元素导航上属性角色的错误值分页。

为了

<nav class="pagination" role="pagination">
Run Code Online (Sandbox Code Playgroud)

有谁知道如何解决这个问题或这背后的原因是什么?W3V 验证器不支持 ARIA 吗?

html w3c w3c-validation wai-aria

5
推荐指数
1
解决办法
3704
查看次数

在h1之后是否有必要使用H2

如果文本太小,是否必须在h1之后使用H2,那么我们可以在h1之后使用h4.它可以访问吗?

html xhtml accessibility semantic-markup

4
推荐指数
2
解决办法
1463
查看次数

在html中编写物理地址的最佳方法是什么?

在html中编写物理地址的最佳方法是什么?在语义,可访问和SEO方式

html xhtml w3c web-standards

4
推荐指数
1
解决办法
2196
查看次数

如果我在页面上多次使用相同的#id,除了验证错误"ID已经定义"之外,我将面临哪些实际问题?

首先,我alwyas使用一个#ID.只是问这个问题就知道背后的深层原因.

这只是W3C验证的问题吗?或者更多.

我会遇到任何实际问题,还是只是验证的逻辑?

看到这个例子http://jsbin.com/aniqi它正在所有浏览器上工作.只是验证给出错误

更新:我认为所有浏览器都支持多个#ID,所以它只是一个推荐,但受浏览器的支持.

只有验证才会出错:ID已经定义.

如果我们使用javascript来选择#ID,那么其他方面也不是问题

更新2:如果我的一些网页设计专业的学生向我询问" 为什么css #ID应该在页面中使用一次." 学生还不知道javascript,我应该给出什么理由. #ID不止一个,而所有浏览器都支持它?

更新3:我在W3C网站上找到了一些有用的信息

<P id="myparagraph"> This is a uniquely named paragraph.</P>
<P id="yourparagraph"> This is also a uniquely named paragraph.</P>
Run Code Online (Sandbox Code Playgroud)

id属性在HTML中有几个角色:

id属性为元素分配唯一标识符(可以由SGML解析器验证).例如,以下段落通过其id值区分:

* As a style sheet selector.
* As a target anchor for hypertext links.
* As a means to reference a particular element from a script.
* As the name of a declared OBJECT element.
* For general purpose processing by …
Run Code Online (Sandbox Code Playgroud)

css xhtml

4
推荐指数
1
解决办法
1701
查看次数

什么是全局css重置*{margin:0; 填充:0; }?

什么是全局css重置*{margin:0; 填充:0; }?

人们更喜欢eric meyer css.

这是eric mayer css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit; …
Run Code Online (Sandbox Code Playgroud)

css xhtml cross-browser

4
推荐指数
2
解决办法
6361
查看次数

如果设计有像数据一样的表,如何判断什么应该是更容易访问的标记<table>,<div>和<ul> <li>?

例如,对此设计进行编码的可访问方式是什么.

alt text http://easycaptures.com/fs/uploaded/220/0715108922.png

目前我公司的CMS为此设计生成此HTML

<div id="presentationsContainer">
        <div class="ItemsContainer">
            <div class="presentationsItemContainer">
                <div class="TitleContainer">
                    Presentation October 2009</div>
                <div class="MediaContainer">
                    <a target="_blank" href="Presentation.ppt">Download PPT </a>
                </div>
            </div>
            <div class="presentations">
                <div class="TitleContainer">
                    May 2009</div>
                <div class="MediaContainer">
                    <a target="_blank" href="2009.ppt">Download PPT </a>
                </div>
            </div>
            <div class="presentations">
                <div class="TitleContainer">
                    March 2009</div>
                <div class="MediaContainer">
                    <a target="_blank" href="2009.ppt">Download PPT </a>
                </div>
            </div>
            <div class="presentations">
                <div class="TitleContainer">
                    Results Presentation September 2008</div>
                <div class="MediaContainer">
                    <a target="_blank" href="2008.ppt">Download PPT </a>
                </div>
            </div>
        </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

喜欢<table>对屏幕阅读器用户不好的话那么屏幕用户会遇到很多非语义div标签会对屏幕阅读器用户产生问题,或者非语义div产生的问题比正确标记更少

什么应该用于辅助功能,如果css将被禁用,那么哪种代码技术将保持可理解的格式?

css xhtml accessibility screen-readers

4
推荐指数
1
解决办法
594
查看次数

是否仍然如此,使用table + css为桌面浏览器制作交叉broswer布局比div + css更容易?

我的一个网页设计师的朋友仍然用桌子制作网站,但他非常好地使用CSS,我也很好地使用css但<div>我和布局的浏览器问题比我的朋友更多.

我给了我的朋友一些关于利弊的理由<table>.和朋友一起读我的整个讨论?

- 你的网站将有屏幕阅读器的问题

我的朋友 - 好的,但我没有收到任何客户的电话.

- 如果更改来自客户端,您将花费更多时间对布局进行任何更改

我的朋友 - 我不这么认为,但如果是,那么告诉我如何节省时间<div>

- 你的网站不适合搜索引擎.

我的朋友 - 这不是真的.我已经制作了很多网站,对于任何网站或客户都没有任何问题

- 布局是老方式,非w3c和非标准方式.

我的朋友 - 什么是旧的,什么是新的,谁是W3C我不知道,什么是标准?无论我在所有浏览器中制作什么,它对我来说都足够了,我的客户也不会为标准和W3C指南规则付费

- 您的网站无法在移动浏览器中使用

我的朋友 - 对我没问题,我的客户不关心手机

- 你的网站无法访问?

我的朋友 - 你的意思是什么?无论我做什么都适用于所有浏览器.我的客户从未询问过任何可访问性

- 将来你会得到更多的工作吗?

我的朋友 - 好吧,当客户不接受带桌子的网站时没问题,我将来会学习基于div的布局.

我的问题?

  • 是否仍然如此,使用table + css为桌面浏览器制作跨浏览器布局比+ css更容易 div
  • 如果客户不介意我使用DIV + CSS布局代替 <table>布局,开发人员有什么好处?

css xhtml accessibility screen-readers mobile-website

4
推荐指数
1
解决办法
227
查看次数