前端之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，一经查实，立即删除！

相关文章

[asp]统计在线人数情况

[asp]统计在线人数情况

[asp]统计在线人数情况 以前ASP版本的统计在线。因为是从以前的系统中提取出来的。使用的话要修改下。 IfCbool(Application("MARKONLINE")) TrueThenCheckOnline()FunctionCheckOnline() DIMIP,rsPrv,Sql IfDBSTATE FalseThenDbOpen() SetrsPrvServer.Crea…
阅读更多...
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…
阅读更多...
Ajax 的乱码问题(2)

Ajax 的乱码问题(2)

上次说的是“发送数据”时乱码的处理方法。那么“接收数据”呢&#xff1f;乱码问题弄得我快疯了&#xff0c;所以废话也不多说了&#xff0c;总结如下&#xff1a;服务端&#xff1a;///<summary>///Ajax 格式数据到本地客户端///</summary>///<param name&quo…
阅读更多...
《子弹笔记术》[日]杉野干人（作者）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…
阅读更多...
开始测试React Native App（上篇）

开始测试React Native App（上篇）

前期技术储备 前言 我是测试小白&#xff0c;小小白&#xff0c;小小小白&#xff0c;最近想在成了一定规模的项目中引入测试&#xff0c;于是找了许些资料学习&#xff0c;现在已经在项目中成功引入。于是想在思路明朗和记忆深刻的时候总结下学习路径以及写测试中遇到的难点、…
阅读更多...
mysql 5中的store function

mysql 5中的store function

mysql 5中的store function mysql 5中新增了视图&#xff0c;存储过程&#xff0c;触发器等新功能&#xff0c;其中不少资料对其都有介绍&#xff0c;今天看到了其中的一个叫store function的功能&#xff0c;和存储过程有点象&#xff0c;但返回的是值哦&#xff0c;用法挺灵活…
阅读更多...
html frame跳转实例,HTML frame标签怎么用？frame标签的具体使用实例

html frame跳转实例,HTML frame标签怎么用？frame标签的具体使用实例

本篇文章主要为大家讲述的是关于HTML frame标签的用法&#xff0c;还有关于frame标签中的属性介绍。还有关于frame标签的使用实例&#xff0c;下面就让我们一起来看看这篇文章吧首先我们先看看HTML frame标签的用法&#xff1a;标签定义 frameset 中的一个特定的窗口(框架)。fr…
阅读更多...
java 实现支持向量机

java 实现支持向量机

https://github.com/kevin0016/java-SVM
阅读更多...
蓝桥杯——快速排序（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;可以把链接地址复制到浏览器的地址栏里…
阅读更多...
html 文本横竖切换,(横竖屏切换/强制横屏)CSS3 transform 怎样才能中心旋转？

html 文本横竖切换,(横竖屏切换/强制横屏)CSS3 transform 怎样才能中心旋转？

现在有一个canvas&#xff0c;我希望在(手机和平板)竖屏时能够把它以中心作为旋转原点旋转90(强制横屏)&#xff0c;但用了transform-origin&#xff0c;无论怎样设置数值都不能达到目的&#xff0c;是我哪里搞错了吗&#xff1f;附CSS代码&#xff1a;html, body{width: 100%;…
阅读更多...
Echarts多任务可视化之再优化

Echarts多任务可视化之再优化

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

约 定

十天&#xff0c; 不能见面 &#xff0c;不能打电话或发短信 .这是我和她的约定.十天&#xff0c;要让一个深爱着她的男人去尊照这样的约定去做&#xff0c;实在是难以接受。虽然心里有一万个不愿意&#xff0c;但我知道 &#xff0c;我心里早以做出了选择.选择了我爱的&#x…
阅读更多...
NIKE LEBRON 13 PERFORMANCE REVIEW

NIKE LEBRON 13 PERFORMANCE REVIEW

LeBron James signed a lifetime deal with Nike, cementing his already stable position as Nike’s current top endorser. That means it’s no surprise that Nike would use a person in such a position to help lead new innovative technology. But at times, Nike is…
阅读更多...
我的专业我的梦作文计算机,我的创新我的梦作文

我的专业我的梦作文计算机,我的创新我的梦作文

新时代&#xff0c;新变化。现在二十一世纪&#xff0c;人们都过上了幸福的生活&#xff0c;发明出来的日常用品&#xff0c;电子产品等等&#xff0c;都是根据人们创新的精神建造出来的。现在我们通过了学习&#xff0c;也渐渐体会到了创新的重要性。就像是在动画片中&#xf…
阅读更多...
Ubuntu挂载新硬盘

Ubuntu挂载新硬盘

1、加挂硬盘 Shell代码 复制代码sudo hdparm -I /dev/sdb 硬盘硬件安装后&#xff0c;此命令测试linux系统是否能找到挂载的未分区硬盘 2、创建分区 Shell代码 复制代码sudo fdisk /dev/sdb sda是第一块SCSI硬盘&#xff0c;sdb第二块&#xff0c;以此类推...物理分区使用a、b…
阅读更多...
利用XML实现通用WEB报表打印 卢彦

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

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

增加新分类daily——“每天学了啥？”

如题转载于:https://www.cnblogs.com/sig3/p/3926538.html
阅读更多...
最新文章

Copyright @ 2022~2023