小编Mr.*_*ien的帖子

我应该如何使用CSS在文本和边框之间添加一些空格

我是编程新手,也是HTML的初学者.我正在乱搞一个无序的列表来制作一个导航页面,我遇到了一个我无法解决的问题.单词周围的每个边框都非常封闭,我不知道如何使边框内的区域更大,这意味着我希望边框离这个单词更远.我知道它看起来很糟糕,但我真的只是专注于让它正常工作而不是让它看起来很好.任何帮助都会很棒,谢谢!

这是我的HTML:

<!doctype=html>

<html>

<head>
    <meta charset="utf-8" />
    <title> Test Title </title>
    <link rel="stylesheet" href="../CSS/style.css" />
</head>

<body>
<div class="wrap">
    <h1 class="test"> Blah Blah </h1>
    <ul>
        <li class="navigation"><a class="navitem" href="#"> Blog </a></li>
        <li class="navigation"><a class="navitem" href="#"> Facebook </a></li>
        <li class="navigation"><a class="navitem" href="#"> Twitter </a></li>
        <li class="navigation"><a class="navitem" href="#"> About </a></li>
    </ul>
</div>
</body>

</html>
Run Code Online (Sandbox Code Playgroud)

这是我的CSS:

.wrap
{
    width: 1000px;
    height: 800px;
    margin: auto;
    background-color: black;
    color: white;
    font-family: sans-serif;
    text-align: center;
}

.navigation
{
    display: inline;
    list-style: none;
    padding-right: 50px; …
Run Code Online (Sandbox Code Playgroud)

html css

6
推荐指数
1
解决办法
2万
查看次数

即使用户名是唯一的,也要创建UserID?

我的Web应用程序将有各种类型的用户:root用户,sys-admins,客户,承包商等.我想要一个表"User",其中包含"Username","Password"和"角色"角色是上述角色之一.例如,我还会有一个名为"Customer"的表来存储客户特定的属性.

这是我的问题.由于所有用户名都是唯一的,我可以使用用户名作为User表的主键.但是,更有意义的是,创建"用户ID"列并使用它而不是用户名列作为PK吗?还有许多其他表将使用此用户PK作为外键,我认为从性能角度来看,比较用户ID而不是用户名文本字符串会更快.

感谢您的答复.

database database-design

5
推荐指数
2
解决办法
1869
查看次数

比较两组SQL"GROUP BY"结果

这是我的表:

ROUTES = the route ID
STATIONS = the station ID
STOPS? = if the train stops at this station then is equal to 1 otherwise 0

-------------------------
ROUTES STATIONS  STOPS?
-------------------------
R1    S1    1
R1    S2    0
R1    S3    1
R1    S4    0
R1    S5    1
R2    S1    1
R2    S2    1
R2    S3    1
R2    S4    0
R2    S5    1
R3    S1    1
R3    S2    0
R3    S4    1
R3    S5    0
R3    S6    1
R3    S7    1 …
Run Code Online (Sandbox Code Playgroud)

sql t-sql

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

如何定位备用奇数/偶数文本行

假设我的p元素或div元素有一个大约10-15行的文本,现在我的客户端对此有一个奇怪的调用,他需要具有不同文本颜色的奇数/偶数行.比较第1行 - 黑色,因此第2行应为灰色,第3行应为黑色,依此类推......

所以我决定使用范围的,改变颜色,而是可变分辨率在这里杀的东西,是知道的的:first-line选择(这将不会在这种情况下很有用),也选择像:odd:even会我不使用表来这里排除了,所以有什么方法可以使用CSS实现这一点,还是我需要使用jQuery?

TL; DR:我想在段落或div中定位奇数/偶数行

我需要一个CSS解决方案,如果没有,欢迎使用jQuery和JavaScript

javascript css jquery

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

CSS元素选择器比HTML属性更具体?

好的,这是一个简单的测试用例

我正在尝试的是,如果我们使用属性来设计元素(我知道哪个是非常糟糕的主意,但我是为了实验而做的)

那么问题是CSS基本元素选择器样式比HTML属性更具体吗?

有点儿 CSS - 1 / HTML - 0 <!-- Specificity -->

如果 CSS not used, HTML - 1 <!-- Specificity -->

测试用例HTML

<table border="1">
    <tr>
        <td>Hello 1</td>
        <td>Hello 2</td>
        <td>Hello 3</td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

CSS

table, table td {
    border: 0;
}
Run Code Online (Sandbox Code Playgroud)

因此整体CSS特定于HTML而不是造型?或者我们可以使用除属性之外的style属性覆盖CSS .

html css

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

在HTML5中使用数字启动ID是否有效?如果我们使用HTML5 doctype,其他技术是否支持这些id?

最近对这里的一个问题进行了辩论,答案中的用户表示ID开头的数字在HTML5中是可以接受的,那是真的吗?我没有看到关于这个主题的任何相关文档,他也在这里给我提供了这个答案的链接,但似乎相关链接已不复存在.

所以问题是,HTML5允许ids以数字开头吗?

现在可以肯定这在CSS中失败了 -

<div id="5hello">Fails Completely</div>

#5hello {
   color: red;
}
Run Code Online (Sandbox Code Playgroud)

更新:我甚至不确定,HTML5允许id's从一个数字开始,只是声明id一个元素是不够的,因为HTML本身不是一个问题,但是使用<!DOCTYPE html>其他技术如CSS和JavaScript与id一起开始使用no.?我确定CSS失败了,没有用JavaScript测试,但我相信它也会失败.

html5 attributes

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

css:如何减少输入元素之间的空间

我有这个

<div>
      <input id="clearBtn__id_" username="_id_" type="button" name="clear_btn" class="clear_btn" value="Clear" />
      <input  class="minimize" value="_" type="button">
      <input class="close"  value="x" username="_id_" type="button">
</div>
Run Code Online (Sandbox Code Playgroud)

我想在每个输入之间有5个像素的空间,我想将它设置为1px.

我尝试使用保证金和填充没有成功:任何线索?

reagrdfs

css

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

CSS3径向渐变显示为线条

我一直在尝试创建一个径向背景,除了某些原因,我能得到的只是一条线.我不知道我做错了什么,有什么想法吗?

Jsfiddle:http://jsfiddle.net/3QSFj/1/

CSS:

background: -webkit-gradient(radial, circle, 0, circle, 70, color-stop(0%, #718aa7), color-stop(70%, #203044));
background: -webkit-radial-gradient(circle, #718aa7 0%, #203044 70%);
background: -moz-radial-gradient(circle, #718aa7 0%, #203044 70%);
background: -o-radial-gradient(circle, #718aa7 0%, #203044 70%);
background: radial-gradient(circle, #718aa7 0%, #203044 70%);
Run Code Online (Sandbox Code Playgroud)

css radial-gradients css3

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

使用css显示<h1> <h5>内联文本

我想显示"情绪分析",这样S应该比h5文本大得多.

以下代码有什么问题:

HTML:

<h1>S</h1> <h5>entiment Analysis</h5>      
Run Code Online (Sandbox Code Playgroud)

CSS:

h1 {
    margin-left: 36%;
    color:#C0C0C0;
    font-family: "calibri";
    text-decoration:underline;
    white-space: pre;
}

h5 {
    margin-left: 36%;
    color:#C0C0C0;
    font-family: "calibri";
    text-decoration:underline;
    white-space: pre;
}
Run Code Online (Sandbox Code Playgroud)

CodePan中的实时代码

html css alignment html-heading

5
推荐指数
2
解决办法
4015
查看次数

带边框的圆圈看起来不圆形,锯齿状而且不光滑,为什么?

为什么我的css圈不顺畅?

如果我做一个HTML5 Canvas它真的很好.

<div id="circle"></div>
    <style>
    #circle {
    width: 100px;
    height: 100px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border:4px solid blue;
}
</style>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/nkBp8/

使用Chrome和最新的IE浏览器

请注意,极右上角左下方的点显得平坦.

html css css3

5
推荐指数
2
解决办法
2万
查看次数