我需要将字体设置为"强",但无法解决如何使用CSS执行此操作？我试过了
font-weight: 'Strong';
而且我也尝试了它没有标记,它也没有工作.我想把它设置为强大而不仅仅是大胆,因为我听说它可以帮助残疾人在浏览你的网站时(但这可能是垃圾？!)
我正在尝试使用CSS媒体查询为大学写一个移动网站,但是当我尝试使用以下内容来定位Nexus 5时:
@media only screen and (min-width : 20em)
(记住20em = 320px)它不起作用,而是在X轴和Y轴上填充页面大约90%.
我正在使用的视口是这样的:
<meta content="width=device-width, user-scalable=no" name="viewport">
我正在考虑根据像素比率编写媒体查询,但未能通过Google找到关于N5比率的任何答案.
任何帮助将不胜感激.
谢谢
有没有办法让我可以设置一个DIV元素占据页面上的所有高度.就像是:
div.left {
height: 100%;
width: 50%;
background-color: blue;
position: absolute;
top: 0;
left: 0;
}
我已经谷歌了几次,但它们看起来真的很复杂,因为一个简单的解决方案可能是一个非常简单的问题.
我正在尝试让 div 从页面顶部扩展到底部。当动画开始时，div 将被隐藏（高度 0%），直到它以 100% 填充页面。我尝试这样做，但似乎都不起作用：
超文本标记语言
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>About Me</title>
<link rel="stylesheet" href="stylesheets/main.css">
</head>
<body>
<div id="bar"></div>
</body>
</html>
CSS：
*
{
box-sizing: border-box;
}
body
{
height: auto;
width: auto;
direction: ltr;
z-index: 1;
background-color: #fff;
}
#bar
{
position: relative;
top: 0px;
left: 0px;
width: 5%;
background-color: #3b5598;
display: block;
-webkit-animation: bar 7s ease;
}
@keyframes bar
{
0% {
top: 0%;
}
100% {
top: 100%;;
}
}
我以前有过从左到右的动画，但没有从上到下的动画。我已经对此进行了广泛的谷歌搜索，但无济于事。谢谢
我有一个需要注册点击的汉堡菜单(然后我会展开菜单..)
汉堡图标/菜单的HTML是:
<div class="burger-menu-holder">
<a href="#" id="burger-menu">
☰
</a>
</div>
CSS很简单:
#burger-menu{
display: block;
}
注册点击并运行该功能的Javascript是:
var burger = document.getElementById("burger-menu");
burger.addEventListener('click', function(){
if(burger.style.display=='block'){
alert("LOL");
}
}, false);
但是当我点击菜单时没有任何反应.控制台中没有错误,但是当我删除if(burger.style.display == 'block')它时,导致我认为由于某种原因它没有正确测试CSS属性.
我的网站顶部有一个div,它是100%宽,处于绝对和固定的位置.它的代码如下:
div.header{
height: 60px;
width: 100%;
position: absolute;
position: fixed;
top: 0px;
left: 0px;
background-color: #eeeeee;
}
现在一切都有效,但当用户向下滚动时,网站内容会显示在此后面.有没有办法可以防止这种情况发生？
我为一个流行的硬件站点的用户创建了一些PHP文件,用于"Metro"他们的新闻帖子.它工作得相当好,你添加文章的标题,链接等,然后它以Metro图块格式吐出.
看看:http://briandempsey.org.uk/Newstool/index.php
当用户提交时,它使用提供的信息来创建帖子.现在,我需要以某种方式使用PHP或其他语言来显示它在其下生成的代码,以便用户只需复制和粘贴它.我不知道该怎么做.
我想问一下用户一系列的问题(这只是针对大学因此提示而不是正确的用户界面),并且为了减少LOC我将所有问题添加到一个名为!questions的数组中.
由于某种原因,循环仅包括数组中的每个偶数.
我正在使用的代码如下
var questions = ['How old is Mark Zuckerberg?',
'How much is he worth?',
'How old is Bill Gates?',
'How much is he worth?',
'How old is Dennis Ritchie?'];
for (var i = 0; i < 6; i++)
{
prompt(questions[i++]);
}
如果有人能帮助我从阵列中提示每个问题,我会非常感激.
基本上,我想在页面顶部有一排三角形.他们应该面朝下.我已经在CSS中创建了三角形,但由于某种原因,他们想要在彼此之上上下,而不是像我一样需要它们.
有没有CSS经验的人可以看看吗？谢谢.
HTML:
<div class="triangle-container">
<div class="arrow-down">
</div>
<div class="arrow-down">
</div>
</div>
CSS:
/* BODY */
body
{
background-color: #eee;
height: 100%;
width: 100%;
z-index: 1;
padding: none;
border: none;
margin: none;
}
/* Triangles! */
.triangle-container
{
display: inline;
height: auto;
width: 100%;
position: absolute;
top: 0;
left: 0;
text-align: center;
}
.arrow-down
{
margin-left:auto;
margin-right:auto;
width:0;
height:0;
border-left:50px solid transparent;
border-right:50px solid transparent;
border-top:50px solid #FF6A00;
}