前端之CSS

什么是CSS？

在标签上设置标签的style属性。

编写CSS的方法

一、直接在标签中写style属性。

二、在head标签中写style标签，这里就需要选择器选择所需的标签

1、id选择器，以#开头，例子如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
<!--    定义了id为i1的使用style--><style>#i1{background-color:blue;}</style>
</head>
<body><div>Treelight</div><div id="i1">Alex</div><div>Syvia</div><div>HeMinLing</div>
</body>
</html>

2、类选择器，以.开头

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
<!--    定义了类名为c1标签的使用style--><style>.c1{background-color:blue;}</style>
</head>
<body><div>Treelight</div><div>Alex</div><div class="c1">Syvia</div><div>HeMinLing</div>
</body>
</html>

3、标签选择器，例子如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
<!--    定义了span标签的使用style--><style>span{background-color:blue;}</style>
</head>
<body><div>Treelight</div><div>Alex</div><div>Syvia</div><div>HeMinLing</div><span>Diana</span>
</body>
</html>

4、层级选择器

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
<!--    定义了div标签中的span标签的使用style（中间用空格分开）,标签可用以点开头的类或以#开头的id代替-->
    <style>div span{background-color:blue;}</style>
</head>
<body><div>Treelight<span>30岁</span></div><div>Alex</div><div>Syvia</div><div>HeMinLing<span>18岁</span></div>
</body>
</html>

5、组合选择器

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
<!--    此处定义的标签或类或ID（用逗号分隔）均可用此style-->
    <style>div,span{background-color:blue;}</style>
</head>
<body><div>Treelight<span>30岁</span></div><div>Alex</div><div>Syvia</div><div>HeMinLing<span>18岁</span></div>
</body>
</html>

 

6、属性选择器

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
<!--    此处定义了具有属性n="30"的div标签可用此style，其中标签可用类或id代替--><style>div[n="30"]{background-color:blue;}</style>
</head>
<body><div n="30">Treelight<span>30岁</span></div><div>Alex</div><div>Syvia</div><div>HeMinLing<span>18岁</span></div>
</body>
</html>

优先级：

1、直接在标签中添加style属性最优。

2、在head中的style标签中，如有冲突，最后定义的属性优先。

在标签中定义多个类class="c1 c2"

7、css还可存在于文件中，然后可在html的头标签中利用link标签，示例如下：

css样式文件

.c1{
background-color:red;}.c2{
background-color:green;}

html文件

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
<!--    此处引用了commons.css样式--><link rel="stylesheet" href="commons.css">
</head>
<body><div>Treelight<span>30岁</span></div><div class="c1">Alex</div><div class="c2">Syvia</div><div>HeMinLing<span>18岁</span></div>
</body>
</html>

 CSS中常用属性

一、border：设置边框的宽度、颜色、样式

二、height：标签高度，单位像素，不能使用百分比

三、width：标签宽度，单位可为像素或百分比

四、text-align:center：水平居中

五、line-height:<标签高度>：可实现垂直居中

六、color:red：字体颜色

七、font-size:num：字号

八、font-weight:bold：加粗

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div style="border:1px solid red;
height:50px;
width:400px;
text-align:center;
line-height:50px;
color:blue;
font-size:20px;
font-weight:bold">Treelight
</div>
</body>
</html>

九：float:<left><right>：使得块级标签可堆叠

clear:both：使用情况如下：如果父级标签没设置高度，此时可在子级标签（设置了浮动）下加上一个样式clear:both，清除浮动，此时可撑起父级标签。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div style="width:80%;background-color:red;float:left">Treelight</div><div style="width:20%;background-color:blue;float:right">Alex</div>
</body>
</html>

十、display属性：

display:inline：使得块级标签有多少占多少

display:block：使得行内标签占一行

display:inline-block：使得标签有多少占多少；可以设置高度，宽度，padding  margin

display:none：使得标签消失

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div style="display:inline;background-color:red">Treelight</div><span style="display:block;background-color:blue">Alex</span>
</body>
</html>

默认情况下，行内标签无法设置高度、宽度等，但以下程序使用display则可实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><span style="width:600px;height:100px;display:inline-block;background-color:blue">Alex</span>
</body>
</html>

 十一、margin属性：外边距，就是标签的外边框与上一层标签之间的距离

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div style="height:60px;border:1px solid blue"><div style="margin:0px">Treelight</div></div>
</body>
</html>

十二、padding属性：内边距，标签的内边框与标签内容的距离。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div style="height:60px"><div style="padding:10px;background-color:red;border:3px solid blue">Treelight</div></div>
</body>
</html>

 写html注意事项

1、应该在最外面设置绝对宽度（像素》，然后在里面用百分比

十三、postion属性

1、fixed：另起一层，可固定在页面的一个地方

案例一 ：返回顶部按钮固定在右下角

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body>
<div style="height:800px;border: 1px solid red"></div>
<div style="position: fixed;bottom:5px;right:5px;background-color: black;color:white">返回顶部</div>
</body>
</html>

案例二：头部内容永远固定在页面的最上面

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>.pg-header{height:48px;position:fixed;top:0;left:0;right:0;background-color:black;color:white}.pg-body{margin-top:53px;border:1px solid red;height:800px}</style>
</head>
<body>
<div class="pg-header">头部</div>
<div class="pg-body">内容</div>
</body>
</html>

2、relative、absolute：一般一齐来用，比如一个div设置了一个position属性为relative，则此div的子div可设置属性为absolute，则子div的位置则是相对于父div的位置

案例：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div style="width:980px;height:200px;margin:0 auto;position:relative;border:1px solid red;"><div style="background-color:black;position:absolute;top:0;left:0;width:50px;height:50px"></div>
</div>
<div style="width:980px;height:200px;margin:0 auto;position:relative;border:1px solid red;"><div style="background-color:black;position:absolute;top:0;right:0;width:50px;height:50px"></div>
</div>
<div style="width:980px;height:200px;margin:0 auto;position:relative;border:1px solid red;"><div style="background-color:black;position:absolute;bottom:0;left:0;width:50px;height:50px"></div>
</div>
</body>
</html>

十四、opacity：透明度，值为0-1之间

十五、z-index：层级；越大就在上面

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.layer1{border:1px solid red;height:5000px;}.layer2{position:fixed;top:0;right:0;left:0;bottom:0;z-index:9;opacity:0.5;background-color:black}.layer3{position:fixed;top:50%;left:50%;height:100px;width:250px;margin-top:-100px;margin-left:-250px;z-index:10;background-color:white;}</style>
</head>
<body>
<div class="layer1">第一层
</div>
<div class="layer2">第二层
</div>
<div class="layer3"><input type="text "\><input type="text "\><input type="text "\>
</div></body>
</html>

十六、overflow：应用场景：父div中含有一个img标签，而此标签中的图片的宽、长比父div的大，则overflow设置为auto或scroll则会出现滚动条。设为hidden，则超出的范围不显示。

案例：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div style="height:400px;width:400px;overflow:auto"><img src="1.jpg"\>
</div></body>
</html>

 十七、hover

使用方法：在style标签中，.<classname>:hover，表示此样式，在鼠标移动到对应的classname的标签上才应用

案例：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.pg-header{background-color:blue;height:48px}.pg-header .content{width:1000px;margin:0 auto;line-height:48px;}.topic{float:left;padding:0px 40px}.topic:hover{background-color:red}</style>
</head>
<body>
<div class="pg-header"><div class="content"><div class="topic">全部</div><div class="topic">42区</div><div class="topic">段子</div><div class="topic">图片</div><div class="topic">挨踢1024</div></div>
</div>
<div class="pg-body">a
</div></body>
</html>

 十八、background-color：设置背景颜色

十九、background-image：url(path)：设置背景图片，默认情况下会占满整个标签。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div style="background-image:url(4.gif);height:150px"></div>
</body>
</html>

二十、background-repeat:no-repeat：设置图片不重复

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div style="background-image:url(4.gif);height:150px;background-repeat:no-repeat"></div>
</body>
</html>

 二十一、background-repeat-x background-repeat-y:no repeat：设置不在x或y方向重复

二十二、background-position-x、background-position-y：设置背景图片的位置

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div style="height:100px"><div style="background-image:url(2.png);height:19px;background-repeat:no-repeat;width:20px;border:1px solid red;background-position-y:10px"></div>
</div>
</body>
</html>

 案例：用户登录框

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div><div style="width:980px;height:48px;margin:0 auto"><div style="color:red;line-height:48px;font-size:20px;float:left">*</div><div style="line-height:48px;font-size:20px;float:left;margin-left:10px">用户名</div><div style="height:48px;width:400px;float:left;margin-left:10px;position:relative"><input type="text" style="height:48px;width:370px;padding-right:30px" \><span style="background-image:url(i_name.jpg);height:48px;display:inline-block;width:30px;background-repeat:no-repeat;position:absolute;right:0;top:20px;
"                        ></span></div></div>
</div></body>
</html>

 案例：后台管理页面（左侧菜单不动，右侧的内容可动）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.pg-header{background-color:#3825a2;height:48px;color:white;}body{margin:0;}.pg-content .menu{position:fixed;top:48px;left:0;bottom:0;width:200px;background-color:red;}.pg-content .content{position:fixed;top:48px;left:200px;bottom:0;right:0;background-color:green;overflow:auto;}</style>
</head>
<body>
<div class="pg-header"></div>
<div class="pg-content"><div class="menu">a</div><div class="content"><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p></div>
</div>
<div class="pg-footer"></div>
</body>
</html>

 案例：后台管理页面（左侧菜单可随着滚动条移动）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.pg-header{background-color:#3825a2;height:48px;color:white;}body{margin:0;}.pg-content .menu{position:absolute;top:48px;left:0;bottom:0;width:200px;background-color:red;}.pg-content .content{position:absolute;top:48px;left:200px;bottom:0;right:0;background-color:green;}</style>
</head>
<body>
<div class="pg-header"></div>
<div class="pg-content"><div class="menu">a</div><div class="content"><div style="background-"><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p></div></div>
</div>
<div class="pg-footer"></div>
</body>
</html>

案例：后台管理页面（左侧菜单不动，右侧的可滚动）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.pg-header{background-color:#3825a2;height:48px;color:white;}body{margin:0;}.pg-content .menu{position:absolute;top:48px;left:0;bottom:0;width:200px;background-color:red;}.pg-content .content{position:absolute;top:48px;left:200px;bottom:0;right:0;background-color:green;overflow:auto;}</style>
</head>
<body>
<div class="pg-header"></div>
<div class="pg-content"><div class="menu">a</div><div class="content"><div style="background-"><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p></div></div>
</div>
<div class="pg-footer"></div>
</body>
</html>

主要是在content中添加了overflow:auto，则此标签可流动

建议加上mini-width，则少于mini-width出现横排滚动条，防止变形。

案例：鼠标放到父标签上，其中的一个子标签可显示红色背景

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.item:hover .item2{background-color:red}</style>
</head>
<body>
<div class="item"><div class="item1">123</div><div class="item2">456</div>
</div>
</body>
</html>

 案例：后台管理（用户菜单的显示和隐藏）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.pg-header{background-color:#3825a2;height:48px;color:white;}.pg-header .logo{width:200px;height:48px;background-color:#3cb572;line-height:48px;text-align:center;}.pg-header .login{width:200px;height:48px;background-color:#a97c38;postion:relative;}.pg-header .login:hover{background-color:blue;}body{margin:0;}.pg-content .menu{position:absolute;top:48px;left:0;bottom:0;width:200px;background-color:red;}.pg-content .content{position:absolute;top:48px;left:200px;bottom:0;right:0;background-color:green;overflow:auto;z-index:10;}.left{float:left;}.right{float:right;}.pg-header .login a img{width:40px;height:40px;border-radius:50%;margin-top:5px;}.pg-header .login .usermenu{position:absolute;top:48px;right:120px;z-index:20;width:80px;height:60px;padding:10px;background-color:red;}.hide{display:none}.login:hover .usermenu{display:block}</style>
</head>
<body>
<div class="pg-header"><div class="logo left">老男孩</div><div class="login right"><a><img src="1.jpeg"></a><div class="usermenu hide"><a style="display:block">我的资料</a><a style="display:block">注销</a></div></div>
</div>
<div class="pg-content"><div class="menu">a</div><div class="content"><div style="background-"><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p></div></div>
</div>
<div class="pg-footer"></div>
</body>
</html>

 

 

图标使用

网络上具有大量的图标提供，可直接使用，如http://www.fontawesome.com.cn

一、使用方法

1、下载：http://www.fontawesome.com.cn

2、解压缩下载文件，并把font-awesome.min.css放在某个文件夹

3、引入：在html中的<head>处加载font-awesome.min.css如下。

link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

4、使用：参考http://www.fontawesome.com.cn/faicons/，点击对应的图标有使用的教程

案例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="font-awesome.min.css">
</head>
<body>
<i class="fa fa-superpowers" aria-hidden="true" style="font-size:50px"></i>
</body>
</html>

 

转载于:https://www.cnblogs.com/Treelight/p/11186585.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/277231.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

android 局域网邻居,局域网内无邻居 它们去哪儿了?

android 局域网邻居,局域网内无邻居 它们去哪儿了?

最近不知道是炎炎夏日的原因&#xff0c;还是部分地区雨水过多的问题&#xff0c;造成了好多小伙伴反应说&#xff0c;无法在网络中看到同在一个局域网中的其他电脑、服务器或打印机。这个问题说大不大&#xff0c;说小不小&#xff0c;但很难用几句话把问题解决&#xff0c;所…
阅读更多...
svg 线条动画浅尝

svg 线条动画浅尝

看了别人网站的svg动画觉得非常舒服,自己尝试实现一下效果如下: 实现需要明白2个关于svg的css属性 1. stroke-dasharray stroke-dasharray: <percentage> | <length> | inherit数与数之间用逗号或者空白隔开&#xff0c;指定短划线和缺口的长度。如stroke-dasharr…
阅读更多...
《子弹笔记术》[日]杉野干人（作者）epub+mobi+azw3格式下载

《子弹笔记术》[日]杉野干人（作者）epub+mobi+azw3格式下载

下载地址&#xff1a;点我下载后手机可浏览内容简介在工作中&#xff0c;越是复杂的项目&#xff0c;需要记录的事情越多&#xff0c;花费的时间自然也越多。如果使用传统笔记方法&#xff0c;规划将变成苦差事。子弹笔记术的核心是快速收集和处理信息&#xff0c;它可以帮助你…
阅读更多...
html广告条效果,css3炫酷网站banner广告动画特效

html广告条效果,css3炫酷网站banner广告动画特效

这是一款可以用来遮罩网站banner或广告的动画特效插件。该特效使用的是 CSS3 animations。注意不是所有的浏览器都支持 CSS3 animations。如果你对 CSS3 animations还不了解&#xff0c;建议你先阅读W3C CSS Animations。HTMLhtml结构如下&#xff1a;Lost at sea?Relax - wev…
阅读更多...
蓝桥杯——快速排序（2018JavaB组第5题9分）

蓝桥杯——快速排序（2018JavaB组第5题9分）

快速排序&#xff08;18JavaB5,9’&#xff09; 以下代码可以从数组a[]中找出第k小的元素。 它使用了类似快速排序中的分治算法&#xff0c;期望时间复杂度是O(N)的。 请仔细阅读分析源码&#xff0c;填写划线部分缺失的内容。 import java.util.Random; public class Main{pub…
阅读更多...
关于蝴蝶背景

关于蝴蝶背景

Runner 2006-07-04 这些链接都比较久远了&#xff0c;现在大概都失效了。好像有不少人都是这两只可爱的蝴蝶带来的&#xff0c;看来这两只蝴蝶真是我的福星啊。这里再把Flash背景的用法贴出来吧.如果直接点击链接无法显示页面&#xff0c;可以把链接地址复制到浏览器的地址栏里…
阅读更多...
Echarts多任务可视化之再优化

Echarts多任务可视化之再优化

1.上次进程可视化由svg实现&#xff0c;本次改用echarts框架实现。Js文件&#xff1a;loadxmldoc.js&#xff08;用于加载xml文档&#xff09;echarts.js&#xff08;用来实现有向图绘制&#xff09;2.思路&#xff1a;Echarts是定义数据对象数组data和连接对象数组links&#…
阅读更多...
利用XML实现通用WEB报表打印 卢彦

利用XML实现通用WEB报表打印 卢彦

利用XML实现通用WEB报表打印(1) 卢彦 摘要开发B/S结构的应用程序最头疼的问题可能就是报表打印了&#xff0c;由于只能采用浏览器来作为用户界面进行交互&#xff0c;所以不能精确控制客户端的打印机。而很多B/S结构的应用程序常常需要完成非常复杂的报表打印任务。而靠IE自带的…
阅读更多...
cascade rcnn论文总结

cascade rcnn论文总结

1.bouding box regression总结&#xff1a; rcnn使用l2-loss 首先明确l2-loss的计算规则&#xff1a; L∗(f∗(P)−G∗)2&#xff0c;∗代表x,y,w,h 整个loss : LLxLyLwLh 也就是说&#xff0c;按照l2-loss的公式分别计算x,y,w,h的loss&#xff0c;然后把4个loss相加就得到总的…
阅读更多...
母版页可以动态切换吗?

母版页可以动态切换吗?

通过设置“MasterPageFile”属性可以做到&#xff0c;然而这个属性只能在“Page_PreInit”事件之中或之前设置。在Page_PreInit事件或之前&#xff0c;当前页面包含的对象还没有被生成&#xff0c;不能访问&#xff0c;所以&#xff0c;如果想根据当前页面上某个控件的值动态切…
阅读更多...
iView 实战系列教程(21课时)_2.iView 实战教程之导航、路由、鉴权篇

iView 实战系列教程(21课时)_2.iView 实战教程之导航、路由、鉴权篇

在c盘创建一个iview-router的项目、然后使用默认的配置跳过添加vue-router的插件编译我们的文件。编译好之后&#xff0c;我们启动App默认的页面就打开了。默认两个路由一个是about界面一个是home我们使用编辑器打开代码&#xff0c;用我们的iview的menu组件替换掉这两个路由在…
阅读更多...
计算机专业单元测试卷答案,银保监会考试题库：计算机类模拟试题练习（六）答案...

计算机专业单元测试卷答案,银保监会考试题库：计算机类模拟试题练习（六）答案...

2020银保监会招聘考试即将开始。根据往年经验&#xff0c;银保监会招聘考试科目包括行测、申论和专业科目共三科&#xff0c;专业科目是考试提分的关键&#xff0c;那么如何才能提升专业科目的做题速度并快速提分呢&#xff1f;别担心&#xff0c;中公金融人小编根据历年的考试…
阅读更多...
Ubuntu安装Nginx

Ubuntu安装Nginx

在Ubuntu下安装Nginx有以下方法&#xff0c;但是如果想要安装最新版本的就必须下载源码包编译安装。 一、基于APT源安装 sudo apt-get install nginx 安装好的文件位置&#xff1a; /usr/sbin/nginx&#xff1a;主程序 /etc/nginx&#xff1a;存放配置文件 /usr/share/nginx&am…
阅读更多...
HTML标题h,HTML H标题标签

HTML标题h,HTML H标题标签

可以将HTML标题或HTML h标签定义为要在网页上显示的标题或副标题。当你将文本放在标题标签……… h1>内时, 它在浏览器中以粗体显示, 并且文本的大小取决于标题的数量。从到标签定义了六个不同的HTML标题, 从最高级别h1(主标题)到最低级别h6(最重要的标题)。h1是最大的标题标…
阅读更多...
Android 多线程之几个基本问题

Android 多线程之几个基本问题

Android中的进程和线程 Android中的一个应用程序一般就对应着一个进程&#xff0c;多进程的情况可以参考Android 多进程通信之几个基本问题 Android中更常见的是多线程的情况&#xff0c;一个应用程序中一般都有包括UI线程等多个线程。Android中规定网络访问必须在子线程中进行…
阅读更多...
Web下的整体测试

Web下的整体测试

随着Internet的日益普及&#xff0c;现在基于B/S结构的大型应用越来越多&#xff0c;可如何对这些应用进行测试成为日益迫切的问题。有许多测试人员来信问我B/S的测试如何做&#xff0c;由于工作较繁忙&#xff0c;对大家提出的问题也是头痛医头脚痛医脚&#xff0c;没有对WEB的…
阅读更多...
一步一步SharePoint 2007之五：向网站中添加一个子网站

一步一步SharePoint 2007之五：向网站中添加一个子网站

一步一步SharePoint 2007之五&#xff1a;向网站中添加一个子网站摘要感受完看到成果的激动&#xff0c;感受完邻家女孩的漂亮、可爱和端庄&#xff0c;不要停止&#xff0c;来&#xff0c;让我们一起来动手打造心目中的完美女神吧&#xff01;本篇文章将介绍如何向一个网站中添…
阅读更多...
微型计算机系统分为哪几个层次,计算机系统分为哪4层？

微型计算机系统分为哪几个层次,计算机系统分为哪4层？

满意答案al053192014.06.23采纳率&#xff1a;49% 等级&#xff1a;12已帮助&#xff1a;7516人第一层&#xff1a;物理层(PhysicalLayer)&#xff0c;规定通信设备的机械的、电气的、功能的和过程的特性&#xff0c;用以建立、维护和拆除物理链路连接。具体地讲&#xff0c…
阅读更多...
ASP.NET Core 基础教程 - ASP.NET Core 基础教程 - 简单教程，简单编程

ASP.NET Core 基础教程 - ASP.NET Core 基础教程 - 简单教程，简单编程

原文:ASP.NET Core 基础教程 - ASP.NET Core 基础教程 - 简单教程&#xff0c;简单编程 ASP.NET Core 是对 ASP.NET 有重大意义的一次重新设计。本章节我们将介绍 ASP.NET Core 中的一些新的概念和它们是如何帮助我们开发现代化的 Web 应用程序 尽管 ASP.NET Core 是跨平台的&a…
阅读更多...
ASP.NET Core Windows 环境配置 - ASP.NET Core 基础教程 - 简单教程，简单编程

ASP.NET Core Windows 环境配置 - ASP.NET Core 基础教程 - 简单教程，简单编程

原文:ASP.NET Core Windows 环境配置 - ASP.NET Core 基础教程 - 简单教程&#xff0c;简单编程 ASP.NET Core Windows 环境配置 ASP.NET Core 是对 ASP.NET 有重大意义的一次重新设计。本章节我们将介绍 ASP.NET Core 中的一些新的概念和它们是如何帮助我们开发现代化的 Web 应…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023