为了账号安全,请及时绑定邮箱和手机立即绑定

Html/CSS

html是HyperText Mark-up Language的简称,即超文本标记语言,css是英文Cascading Style Sheets的缩写;html主要承载网页内容如文字、图片、视频等。CSS则控制网页显示的样式如颜色、字体、大小等;HTML/CSS是网页前端开发的基础,几乎所有web开发都需要掌握此技术。

来自 Html/CSS JAVA PHP
学习js回答:
男程序猿:老板看才华,老板娘看颜值女程序猿:老板娘看才华,老板看颜值俩样都没有,不跳槽谁会涨工资

男程序猿:老板看才华,老板娘看颜值

女程序猿:老板娘看才华,老板看颜值

俩样都没有,不跳槽谁会涨工资

赞同8 反对 收起

回复
来自 Html/CSS
已采纳 lxlacie回答:
错误原因:在HTML中id的值不能以这样的形式命名,所以这段代码<span id="stressid bigsizeid">是错误的,更别提实现css样式了。但是class属性可以这样命名修改方法:将id属性修改为class属性        .stressid{            color:red;        }       .bigsizeid{            font-size:25px;        }        <p>到了<span class="stressid bigsizeid">三年级</span>下学期...[ 查看全部 ]

错误原因:在HTML中id的值不能以这样的形式命名,所以这段代码<span id="stressid bigsizeid">是错误的,更别提实现css样式了。但是class属性可以这样命名

修改方法:将id属性修改为class属性

        .stressid{
            color:red;
        }
       .bigsizeid{
            font-size:25px;
        }
        <p>到了<span class="stressid bigsizeid">三年级</span>下学期时,我们班上了一节公开课...</p>

上面代码不可以实现为“三年级”三个文字设置文本颜色为红色并且字号为25px的作用。


赞同2 反对 收起

回复
来自 Html/CSS JAVA
ziom回答:
可以跟着慕课网推荐的Java工程师路径走:http://www.imooc.com/course/programdetail/pid/31

可以跟着慕课网推荐的Java工程师路径走:http://www.imooc.com/course/programdetail/pid/31

赞同3 反对 收起

回复
已采纳 慕粉3373804回答:
建议使用sublime text 3,   一系列的编程语言都支持, 很轻量级的一个应用, 扩展主题很多. 

建议使用sublime text 3,   一系列的编程语言都支持, 很轻量级的一个应用, 扩展主题很多. 

赞同4 反对 收起

回复
来自 Html/CSS
已采纳 tangjunfeng回答:
切图是指将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面,有利于交互,形成良好的视觉感。通俗来讲,把一张设计图利用到切片工具 把自己所需的切成一张张小图,然后用DIV+CSS完成静态页面书写,完成CSS布局。

切图是指将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面,有利于交互,形成良好的视觉感。通俗来讲,把一张设计图利用到切片工具 把自己所需的切成一张张小图,然后用DIV+CSS完成静态页面书写,完成CSS布局。

赞同 反对 收起

回复
已采纳 anlun214回答:
<...code...>在你$(document).mouseup的方法里,执行了以上代码,导致document上的事件全部被移除。那么$(document).mousemove和$(document).mouseu全部都被移除了。只剩下可怜的$("div").mousedown存在,当然就不能有第二次了。所以,如果想要做出你要的功能现在的代码结构是不正确的。[ 查看全部 ]
$(document).off();

在你$(document).mouseup的方法里,执行了以上代码,导致document上的事件全部被移除。那么

$(document).mousemove和$(document).mouseu全部都被移除了。只剩下可怜的$("div").mousedown
存在,当然就不能有第二次了。所以,如果想要做出你要的功能现在的代码结构是不正确的。

赞同 反对 收起

回复
来自 Html/CSS
习惯受伤回答:
首先,切图,图片命名、小图合并(sprite)、合理布局。div+css 类名语义化,统一。会一些基本的JS会写动画。这样下来,一张页面市场价200-500吧,还是要看功底如何。

首先,切图,图片命名、小图合并(sprite)、合理布局。div+css 类名语义化,统一。会一些基本的JS会写动画。这样下来,一张页面市场价200-500吧,还是要看功底如何。

赞同1 反对 收起

回复
来自 Html/CSS
习惯受伤回答:
<dfn> 标签可标记那些对特殊术语或短语的定义。现在流行的浏览器通常用斜体来显示 <dfn> 中的文本。将来,<dfn> 还可能有助于创建文档的索引或术语表。与其他许多基于内容的样式和物理样式标签一样,<dfn> 标签尽量少用为妙。作为一种通用样式,尤其在技术文档中,当第一次新的术语时,应该将它们与普通文本分开,这样读者可以更好地理解文章当前的主题,而从那以后就不要再对这个术语进行任何标记了。来自:http://www.w3school.com.cn/tags/tag_dfn.asp<cite> 标签通常表示它所包含的文本对某个参考...[ 查看全部 ]

<dfn> 标签可标记那些对特殊术语或短语的定义。

现在流行的浏览器通常用斜体来显示 <dfn> 中的文本。将来,<dfn> 还可能有助于创建文档的索引或术语表。

与其他许多基于内容的样式和物理样式标签一样,<dfn> 标签尽量少用为妙。作为一种通用样式,尤其在技术文档中,当第一次新的术语时,应该将它们与普通文本分开,这样读者可以更好地理解文章当前的主题,而从那以后就不要再对这个术语进行任何标记了。

来自:http://www.w3school.com.cn/tags/tag_dfn.asp

<cite> 标签通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。

按照惯例,引用的文本将以斜体显示。

用 <cite> 标签把指向其他文档的引用分离出来,尤其是分离那些传统媒体中的文档,如书籍、杂志、期刊,等等。如果引用的这些文档有联机版本,还应该把引用包括在一个 <a> 标签中,从而把一个超链接指向该联机版本。

<cite> 标签还有一个隐藏的功能:它可以使你或者其他人从文档中自动摘录参考书目。我们可以很容易地想象一个浏览器,它能够自动整理引用表格,并把它们作为脚注或者独立的文档来显示。<cite> 标签的语义已经远远超过了改变它所包含的文本外观的作用;它使浏览器能够以各种实用的方式来向用户表达文档的内容。

来自:http://www.w3school.com.cn/tags/tag_cite.asp

赞同1 反对 收起

回复
来自 Html/CSS
已采纳 徐锦杰回答:
img{clip: rect(auto auto 18px auto);}是裁剪插入的图片,background :url() 2px 43px是插入的图片背景显示的位置在2px 43px。

img{clip: rect(auto auto 18px auto);}是裁剪插入的图片,

background :url() 2px 43px是插入的图片背景显示的位置在2px 43px。

赞同 反对 收起

回复
来自 Html/CSS
已采纳 慕粉1536075829回答:
你第2个ul浮动之后就不要给你里面的li在float:right了

你第2个ul浮动之后就不要给你里面的li在float:right了

赞同 反对 收起

回复
来自 Html/CSS
已采纳 错过了年华回答:
<...code...>price右浮动其实已经生效了,不过由于你p没有设置宽度所以达不到你想要的效果而已。[ 查看全部 ]
<style type="text/css">
	.demo1{
    width: 230px;
    float: left;
    margin-right:58px;}
p{
    font-size: 16px;
    width: 230px;
    float: left;
     
}
.price{
    display: block;
    float:right;
}    
</style>
</head>

<body>

<div class="demo1">
                <a href=""><img src="1.jpg"></a></li>
                <p>Fugiat nulla sint<span class="price">$30</span></p>
</div>

price右浮动其实已经生效了,不过由于你p没有设置宽度所以达不到你想要的效果而已。

赞同1 反对 收起

回复
来自 Html/CSS
已采纳 学习js回答:
给图片绝对定位


给图片绝对定位

赞同 反对 收起

回复
胖墩猫回答:
一个网站最好只有一个h1,这是因为对于seo来说,搜索引擎会爬取h1的内容,多个h1会影响到整体的seo优化!

一个网站最好只有一个h1,这是因为对于seo来说,搜索引擎会爬取h1的内容,多个h1会影响到整体的seo优化!

赞同1 反对 收起

回复
已采纳 习惯受伤回答:
那个三角一般可以用小图标实现,通过元素伪类:before来实现,如果不知道:before伪类,你可以搜一下百度。

那个三角一般可以用小图标实现,通过元素伪类:before来实现,如果不知道:before伪类,你可以搜一下百度。

赞同1 反对 收起

回复
来自 CSS3 Html/CSS
渠清回答:
其实你完全可以这么想像:》有一个矩形盒子(盒子没有厚度,可以想着厚度任意),有上、右、下、左四个可以伸缩的边。》这个矩形盒子的宽、高就对应你设置的width、height值,就是你能装东西的空间。》盒子框就对应border值。》假如你装的东西易碎,你要在盒子里塞些泡沫进行保护,就是这里的padding值,只是这盒子可伸缩,你塞哪边就在哪边增加塞的数量,如padding-left:10px;就是在左边塞10px,增加了盒子宽度,也让内容与盒子左边间隔10px。》而margin值可以看作给盒子设置的保护,在保护区内,不能放其他东西。就如这是他的底盘。这就并不影响盒子实际的大小。不知这样你能否理解?[ 查看全部 ]

其实你完全可以这么想像:

》有一个矩形盒子(盒子没有厚度,可以想着厚度任意),有上、右、下、左四个可以伸缩的边。

》这个矩形盒子的宽、高就对应你设置的width、height值,就是你能装东西的空间。

》盒子框就对应border值。

》假如你装的东西易碎,你要在盒子里塞些泡沫进行保护,就是这里的padding值,只是这盒子可伸缩,你塞哪边就在哪边增加塞的数量,如padding-left:10px;就是在左边塞10px,增加了盒子宽度,也让内容与盒子左边间隔10px。

》而margin值可以看作给盒子设置的保护,在保护区内,不能放其他东西。就如这是他的底盘。这就并不影响盒子实际的大小。

不知这样你能否理解?

赞同2 反对 收起

回复
已采纳 习惯受伤回答:
有以下几个错误:1、把script块移动到form下边。2、把window.onload包裹去掉,因为show函数再外边调用呢,用window.onload包裹后show函数的作用域就没有了。3、代码中:<...code...>这个onclick改成 <...code...>4、show函数有错误,JS中没有内置 True 这个变量,你可以改成true或者把==True直接去掉。5、再show函数中加入返回值,表示验证是否完成。完整代码如下:<...code...>[ 查看全部 ]

有以下几个错误:

1、把script块移动到form下边。

2、把window.onload包裹去掉,因为show函数再外边调用呢,用window.onload包裹后show函数的作用域就没有了。

3、代码中:

<input type="submit" value="验证" id="input-submit" onclick="show()">

这个onclick改成 

onclick="return show()"

4、show函数有错误,JS中没有内置 True 这个变量,你可以改成true或者把==True直接去掉。

5、再show函数中加入返回值,表示验证是否完成。

完整代码如下:

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>表单验证1</title>
    <style>
        span {
            font-size: 20px;
            font-family: "微软雅黑";
            font-weight: bold;
        }
        #input-text {
            margin: 0 10px;
            width: 500px;
            height: 50px;
            line-height: 60px;
            border-radius: 10px;
            outline: 0;
            border: 1px solid #999999;
 
        }
        #alert {
 
            width: 200px;
            height: 30px;
            padding-left: 50px;
        }
        #input-submit {
            background-color: #2F79BA;
            color: white;
            font-weight: bold;
            font-size: 18px;
            width: 95px;
            height: 60px;
            line-height: 60px;
            border: 0;
            border-radius: 10px;
            outline: 0;
        }
    </style>
</head>
<body>
	<form method="post">
		<label><span>名称</span>
			<input type="text" name="myName" id="input-text"></label>
		<input type="submit" value="验证" id="input-submit" onclick="return show()" />
		<div id="alert" ></div>
	</form>
    <script type="text/javascript">
		var re = /[\u4e00-\u9fa5a-zA-Z0-9\-]{3,15}/g;
        var oBtn = document.getElementById('input-submit');
        var oInput = document.getElementById('input-text');
        var ale = document.getElementById('alert');
        oInput.onfocus = function () {
            ale.innerHTML = "必填,长度为4到16个字符";
        }
        function show() {
            if ( oInput.value == "") {
                ale.innerHTML = "姓名不能为空";
				return false;
            }
            else if (re.test(oInput.value)) {
                ale.innerHTML = "名称格式正确";
            }
			return true;
        }
    </script>
</body>
</html>


赞同1 反对 收起

回复
来自 Html/CSS
习惯受伤回答:
colspan:列合并,即:横向合并单元格。rowspan:行合并,即:竖向合并单元格。

colspan:列合并,即:横向合并单元格。

rowspan:行合并,即:竖向合并单元格。

赞同1 反对 收起

回复
来自 Html/CSS
Run_er回答:
需要用图片做背景的时候就用背景图片,这时候页面(背景图片)上还是可以继续加入其他标签结构的,如段落、表单等,就相当于原来白色的背景就变成那张图片做底了。 插入图片是在已有的结构里插入图片标签,这时候图片就是页面单纯的元素了,可以设置为链接,也可以什么都不做仅仅是图片而已,图片上面不能直接再放其他标签了。
需要用图片做背景的时候就用背景图片,这时候页面(背景图片)上还是可以继续加入其他标签结构的,如段落、表单等,就相当于原来白色的背景就变成那张图片做底了。 插入图片是在已有的结构里插入图片标签,这时候图片就是页面单纯的元素了,可以设置为链接,也可以什么都不做仅仅是图片而已,图片上面不能直接再放其他标签了。
赞同2 反对 收起

回复
来自 Html/CSS
习惯受伤回答:
我觉得主要有以下几点:1、如产品列表页面,新闻详情展示页面需要插入图片,因为直接再html中写<...code...>就可以将图片显示出来了,并且可以指定图片大小。而采用背景图片时,需要类似写法:<...code...>并且图片控...[ 查看全部 ]

我觉得主要有以下几点:

1、如产品列表页面,新闻详情展示页面需要插入图片,因为直接再html中写

<img src="" />

就可以将图片显示出来了,并且可以指定图片大小。而采用背景图片时,需要类似写法:

<div class="productImage" style="background:url(../products/001.jpg)"></div>

并且图片控制大小也不好弄。

所以这种情况下,我觉得用插入图片形式应该会更方便一些。

2、如网页背景,采用背景图片,因为,你不可能为了一个网页背景写一个img平铺,然后还要控制z-index不覆盖其他元素。那就太麻烦了。

3、如元素ICON图标,悬浮按钮,等这些固定大小的,较小的图片,可以用背景图片形式。

因为图片较小时且多时,可以将多张图片合成一张 sprite.png,然后用 background-position 控制图片显示位置。

好处是,减少浏览器下载次数,因为下载一张图就可以了。而采用插入图片形式时,浏览器需要下载很多小图标。

等等,可能还有其他一些我没想到的地方,你可以再工作中发现。

赞同2 反对 收起

回复
guoyou回答:
点击div外的其他地方  等价于  点击document          值得注意的是,你需要为之前点击div显示的function里面写一个阻止冒泡

点击div外的其他地方  等价于  点击document          

值得注意的是,你需要为之前点击div显示的function里面写一个阻止冒泡

赞同2 反对 收起

回复
首页上一页1234567下一页尾页

关联分类

  • Cocos2d-x

    Cocos2d-x提供的框架。手机游戏,可以写在C++或者Lua中,...
  • Mysql

    Mysql是最流行的关系型数据库管理系统,在WEB应用方面MySQL...
  • Premiere

    一款常用的视频编辑软件,由Adobe公司推出。现在常用的有CS4 C...

本月最佳回答网友

关注我喜欢或专注的猿问分类

  • Android
  • AngularJS
  • Bootstrap
  • C
  • C#
  • C++
  • Cocos2d-x
  • CSS3
  • Go
  • Html/CSS
  • Html5
  • iOS
  • JAVA
  • JavaScript
  • JQuery
  • Linux
  • Maya
  • MongoDB
  • Mysql
  • Node.js
  • Oracle
  • Photoshop
  • PHP
  • Premiere
  • Python
  • React.JS
  • Ruby
  • Sass/Less
  • SQL Server
  • Unity 3D
  • Vue.js
  • WebApp
  • ZBrush
  • 云计算
  • 前端工具
  • 大数据
  • 数据结构
  • 测试
保存
意见反馈 常见问题 APP下载
官方微信