CSS基本知识点——带你走进CSS的新世界

🚀 优质资源分享 🚀

学习路线指引(点击解锁)知识定位人群定位
🧡 Python实战微信订餐小程序 🧡进阶级本课程是python flask+微信小程序的完美结合,从项目搭建到腾讯云部署上线,打造一个全栈订餐系统。
💛Python量化交易实战💛入门级手把手带你打造一个易扩展、更安全、效率更高的量化交易系统

CSS基本知识点

我们在学习HTML之后,前端三件套第二件便是CSS,但CSS内容较多,我们分几部分讲解:

(如果没有学习HTML,请参考之前文章:HTML知识点概括——一篇文章带你完全掌握HTML>)

CSS作用

如果说HTML为网页提供内容,那么CSS就是为内容进行装饰,为网页进行布局

CSS可以控制整体框架,控制文本字体,大小等诸多事宜

CSS语法

CSS基本语法只有一条:

选择器 {声明1;声明2;
}

元素显示模式

首先我稍微解释一下元素显示模式:

  • 元素以什么方式进行显示

HTML的元素类型模式:

  • 块元素
  • 行内元素

我们先讲解一下块元素:

  • 块元素包括:h标题系列,p,div,ul,ol,li
  • 块元素特点包括:
    • 自己独占一行
    • 高宽,外距,背景色都可以设置
    • 宽度默认为父类
    • 是一个容器,可以放置行内或行内块元素

我们再来讲解一下行内元素:

  • 行内元素包括:a,strong,b,em,span
  • 行内元素特点包括:
    • 相近元素在一行
    • 无法设置长宽
    • 默认宽度为字宽度
    • 行内元素只能容纳文本和其他行内元素

最后我们介绍一下行内块元素:

  • 行内块元素包括:img,input,td
  • 行内块元素特点:
    • 一行可有多个行内块元素
    • 正常情况宽度为内容宽度
    • 可以设置宽度

这些属性并非都是绑定的,我们可以通过方法进行转换:

display:inline/block/inline-block 分别对应行内元素,块元素,行内块元素

CSS写入的三种方式

CSS作用HTML中一共有三种方法,我们一一介绍:

  • 第一种:行内样式
    • 直接在单个标签中写入style并进行书写
  • 第二种:内部样式
    • 在html文件的head区域写入style进行书写
  • 第三种:外部样式
    • 在css文件中书写,在html文件中的head区域采用link方法导入
    • link语法:

上面三种语法讲究就近原则,当前标签距离谁较近,就是用哪种css

一般情况:行内元素>内部样式>外部样式

下面给出代码示例:

html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>导入方法title><style>h1 {color: aliceblue;}style><link rel="stylesheet" href="css.css">
head>
<body><h1 style="color:aqua;">h1>
body>
html>
h1 {color: black;
}

CSS的四种选择器

CSS的基本选择器分为四种:

  • 通配符选择器:

    • 针对所有标签进行选择
  • 标签选择器:

    • 针对所有对应的标签进行选择
  • 类选择器(class):

    • 针对所有对应class名的所有类标签进行选择
    • 一个标签可以具有多个类,一个类可以作用于多个标签
  • id选择器(id):

    • 针对对应id名的唯一标签进行选择
    • 一个标签只能有一个id,一个id只能作用于一个标签

三种选择器具有明确的优先级:id选择器>类选择器>标签选择器

下面给出示例代码:

html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>三种选择器title><style>/* 1.标签选择器:样式: 标签名{}自动选中所有标签的代码*/h1 {color: bisque;}p {color: blueviolet;font-size: 30px;}/* 2.类选择器:样式:.类名{}自动选中所有带类名的代码,可以跨标签,类名定义用class*/.myStyle {color: blue;font-size: 20px;}/* 3.id选择器:样式:#id名{}自动选择带有id名的代码,注意id具有全局唯一性*/#w123 {color: aquamarine;font-size: 40px;}#w333 {color: aquamarine;font-size: 40px;}/* 4.通配符选择器样式: * {}全部锁定,全部标签都带有以上特征*/style>head>
<body><h1>标题1h1><p>我是30px大小的p><p class="myStyle"> 我是类选择器p><p id="w123">我是id选择器p><p class="myStyle" id="w333"> 我的最高权限是id选择器p><p class="myStyle">我的最高权限是类选择器p>
body>
html>
折叠 

CSS层次选择器

层次选择器分为五种:

  • 并集选择器:

    • 选择器1,选择器2 {}
    • 同时选择多个选择器的标签
  • 后代选择器:

    • 父 子{}
    • 可以选择父类的所有子类标签以及子类标签后的所有标签
  • 子选择器:

    • 父>子{}
    • 只能选择父类的所有子类标签
  • 相邻选择器:

    • .class+兄弟标签类型{}
    • 只能选择.class的父类的下一个兄弟标签
  • 通用选择器:

    • .class~标签类型{}
    • 可以选择.class的父类的下一个之后包括下一个的所有兄弟标签下面给出代码示例:
html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>层次选择器title><style>/* 后代选择器: 格式:父类 父类的后代{}用于父类的后代所有标签内*/ul li{color: rgb(255, 0, 0);}/* 子选择器:格式:父类 子类{}仅用于父类的下一代*/body>p{color: aqua;}/* 相邻兄弟选择器:格式:.class名 + 同辈标签{}选定class的标签的相邻标签*/.active + p {color: black;}/* 通用兄弟选择器:格式:.class名 ~ 同辈标签{}选定class的标签的以下所有兄弟标签*/.allover ~ p {color: rgb(243, 255, 7);}style>
head>
<body><p><p>孙子1p>p><p class="active">儿子2p><p class="allover">儿子3p><p>儿子4p><p>儿子5p><ul><li><p>我是孙子辈p>li><li>我是儿子辈li>ul>
body>
html>
折叠 

结构伪选择器

结构伪选择器主要负责有条件性的标签选择

下面直接给出代码示例:

html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>结构伪类选择器title><style>/* 例如我们希望在ul中的第一个和最后一个li中单独进行CSS操作 */ul li:first-child {color: brown;}ul li:last-child {color: red;}/* 这里我们以p的父元素为父类,来选择第2个孩子 *//* 我们可以通过nth-child(n)来选择第n个元素 */p:nth-child(2){color: aquamarine;}/* 这里我们以p的父元素为父类,来选择第2个p类型的孩子 *//* 我们可以通过nth-of-type(n)来选择第n个元素 */p:nth-of-type(2){color: antiquewhite;}/* 同时,“:”也具有其他性质;例如a的hover属性表示当鼠标放在a上时的CSS操作 */a:hover {background-color: black;}style>
head>
<body><a href="#">123a><p>p1p><p>p2p><p>p3p><ul><li>l1li><li>l2li><li>l3li>ul>
body>
html>

CSS属性选择器

属性选择器是CSS3新加入的特性,极大程度方便了选择器的利用

属性选择器的格式如下:

+ 标签[属性名]{}
+ 标签[属性名=属性]{}
+ 标签[属性名*=属性]{}
+ 标签[属性名^=属性]{}
+ 标签[属性名$=属性]{}

下面给出代码示例:

html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>属性选择器title><style>/* 首先我们把下方连接都变成框框,以便于效果明显(这里后面会涉及,目前不需要深究) */.demo a{float: left;display: block;height: 50px;width: 50px;border-radius: 10px;background: #2700ff;text-align: center;color: gray;text-decoration: none;margin-right: 5px;font: bold 20px/50px Arial;}/* 以下操作为防止冲突,均以注释格式出现,请测试时去除注释 *//* 标签[属性名]{} :该标签内带有该属性的所有标签 .demo a[id]{background: red;} *//* 标签[属性名=属性]{} :该标签内带有该属性,且属性值对应的所有标签(注意:需要完全匹配).demo a[id=w123]{background-color: aquamarine;}.demo a[class="class1 class2 class3"]{background-color: black;}*//* 标签[属性名*=属性]{}:该标签内带有该属性,且属性值对应的所有标签(注意:存在匹配即可) .demo a[class*="class1"]{background-color: aqua;}*//* 标签[属性名^=属性]{}:该标签内带有该属性,且以该属性开头 .demo a[href^="https"]{background-color: red;}*//* 标签[属性名$=属性]{}:该标签内带有该属性,且以该属性结尾 .demo a[href$="https"]{background-color: red;}*/style>
head>
<body><p class="demo"><a href="https://www.baidu.com" class="class1 class2 class3" id="w123">1a><a href="https://www.taobao.com/" class="class1 class2 class3">2a><a href="#" class="class1 class2 class3">3a><a href="#" class="class1 class2 class3">4a><a href="#" class="class1 class2" id="w321">5a><a href="#" class="class1 class2">6a><a href="#" class="class1 class2">7a><a href="#" class="class1">8a><a href="#" class="class1">9a><a href="#" class="class1">10a>p>
body>
html>
折叠 

CSS字体样式

我们依次介绍字体样式 :

  • font-family: 中文字体,英文字体;(这里设置文本字体,可以同时设置英文和中文字体,需要用逗号隔开,也可以只设置一种)
  • font-size: 20px;(这里设置文本大小)
  • font-weight: bold;(这里设置文本粗细,可以采用数字px,也可以采用bold等)
  • font-style:italic;(这里设置文字样式,例如italic斜体,normal正常)
  • color: brown;(这里设置字体颜色)
  • font: 粗细 大小 字体;(这里整合所有font设置,可以一次性设置完毕)
html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>字体样式title><style>.divclass p{/* 我们常用的字体样式就以下四种 */font-family: 微软雅黑;font-size: 20px;font-weight: bold;color: brown;}style>
head>
<body><div class="divclass"><p>123p><span>123span>div>
body>
html>

CSS文本样式

文本样式主要是对文本进行操作,大致包括以下五种:

  • 颜色:color
  • 文本对齐:text-align
  • 首行缩进:text-indent
  • 行高:line-height
  • 装饰:text-decoration
html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>文本样式title><style>/* 颜色 color 有三种形式 1.直接写英文颜色 red 等2.以#开头,写000000~ffffff之间的颜色3.以RBG来写4.以RBGA来写(可写透明度)*/.class1 {/* 这里之间为大家举例(这样书写是不对的) */color: red;color: #121212;color: rgb(0, 255, 255);color:rgba(0, 255, 255, 0.1);}/* 文本对齐 text-align 有三种情况 center 居中对齐left 靠左对齐right 靠右对齐*/.class2 {text-align: center;}/* 首行缩进 text-indent通常采用em,em表示一个文字大小,常用2em*/.class3 {text-indent: 2em;}/*行高 text-height行高常用来使文字位于框架垂直中心当行高=框架高度,文字位于垂直中心*/.class4 {background-color: #121212;height: 300px;line-height: 300px;}/*修饰 text-decoration可以跟 none underline line-through overline因为超链接a自带下划线,我们常使用none去除下划线使其美观 */a {text-decoration: none;}style>
head>
<body><p class="class1">123p><p class="class2">123p><p class="class3">123p><p class="class4">123p><a href="#">我是链接a>
body>
html>
折叠 

CSS超链接伪类

在CSS的超链接中会出现动态情况,所以css给出相关伪类来改变超链接各种状态下的形态

下面给出代码示例:

html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>超链接伪类和阴影title><style>/* 正常情况下超链接伪类是很丑的且带下划线 *//* 首先我们对a进行修正 */a {/* 取消下划线,修改颜色 */text-decoration: none;color: black;}/* 我们来讲解一下a的一些伪类操作 *//* 这里表示当鼠标触及到超链接的状态 */a:hover{color: yellow;} /* 这里表示当鼠标点击超链接且未松开的状态 */a:active{color: green;}/* 这里表示当鼠标未点击超链接的状态(可能与a发生冲突,尽量不要使用) *//* a:link{color:blue;} *//* 这里表示鼠标已点击过的状态 (可能与a发生冲突,尽量不要使用)*//* a:visited{color:red;} */style><style>/* text-shadow: 阴影颜色 阴影水平移动大小 阴影垂直移动大小 阴影光晕半径 (移动大小是可以写负数的) */#price{text-shadow: blue 10px 10px 2px;}style>
head>
<body><p><a href="#"> <img src="../../../../Resources/picture/1.jpeg" alt="纱雾老师">a>p><p><a href="#">纱雾老师a>p><p><a href="#" id="price">¥99a>p>
body>
html>
折叠 

CSS表单常用focus伪选择器

input:focus选择器专用于表单input中:用来表示当点击该表单时的标签状态

html>
<html lang="en">8">content="IE=edge">content="width=device-width, initial-scale=1.0">表单选择器<span class="hljs-comment">/* 用来表示选中该input标签时的状态 */</span><span class="hljs-selector-tag">input</span><span class="hljs-selector-pseudo">:focus</span>{<span class="hljs-attribute">background-color</span>: orange;}<body><input type="text"><input type= "button">
body>
html>

CSS列表简单美化

在css基本课程中,我们给出列表的一些简单美化步骤

下面内容稍微阅读理解即可,后面我们会给出更加美观详细的步骤

下面给出代码示例:

html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>简单列表练习title><link rel="stylesheet" href="ccs.css">
head>
<body><div id="nav"><h2>淘宝销售h2><ul><li><a href="#">女装a>&nbsp;&nbsp;<a href="#">男装a>&nbsp;&nbsp;<a href="#">童装a>&nbsp;li><li><a href="#">女鞋a>&nbsp;&nbsp;<a href="#">男鞋a>&nbsp;&nbsp;<a href="#">童鞋a>&nbsp;li><li><a href="#">手机a>&nbsp;&nbsp;<a href="#">电脑a>&nbsp;&nbsp;<a href="#">数码a>&nbsp;li>ul>div>
body>
html>
/* 首先设置最上方标题 */
h2{background-color: blanchedalmond;font-size: 20px;font-weight: bold;text-indent: 2em;line-height: 35px;
}/* 然后我们设置盒子大小 */
#nav {width: 300px;background-color: gray;
}/* 然后我们对li做出调整 */
ul li{/* 首先我们去掉前方的索引号 list-style:none 无circle 空心圆decimal 数字square 方形*/list-style: none;height: 30px;text-indent: 1em;
}/* 最后我们设置a和a:hover */
a {text-decoration: none;color:black;font-size: 14px;
}a:hover{color: orange;
}

CSS背景

CSS背景主要分为两部分:

  • 背景颜色
  • 背景图片

我们的解释主要围绕这两部分展开:

html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>背景title><style>/* 背景颜色:background-color: transparent*//* 背景图片:background-image: none/url("图片地址") 背景图片可以选择其展示样式:background-repeat:选择是否平铺repeat平铺 no-repeat不平铺 repeat-x水平平铺 repeat-y垂直平铺背景图片可以选择位置:background-position:x y;选择x,y位置x:top/center/bottom y:left/center/right背景图片可以选择是否固定:background-attachment:选择背景图片是否固定scroll可滚动 fixed固定背景图片具有复合写法:background:颜色 地址 平铺 是否固定 位置背景图片可选择透明度:background:rgba(,,,a)a是透明度*/style>
head>
<body><div id="nav">div>
body>
html>

结束语

关于CSS的基本知识点,我们就简单介绍到这里,后面我会逐渐更新CSS三大特性,盒子浮动等内容,请多多关注,谢谢

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

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

相关文章

JS 三级联动 下拉列表

<!-- 我的思路&#xff1a; 1.页面加载时便进入后台获得第一级的值&#xff1b; 2.当第一级的值改变时&#xff0c;清空第二级和第三级的值&#xff0c;并加载第二级的值 3.当第二级的值改变时&#xff0c;清空第三级的值&#xff0c;并加载第三级的值 --><table> …

20.网页卷去的距离与偏移量

我们先来看看下面的图&#xff1a; scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 &#xff0c;即左边灰色的内容。 scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 &#xff0c;即上边灰色的内容。 offsetLeft:获取…

【电赛】一阶卡尔曼滤波器 滤波效果良好

目录代码kalman.ckalman.h滤波效果很久以前抄的&#xff0c;忘了是从哪弄的了 我把它改成了这种结构体指针传参的形式&#xff0c;方便在比赛中应用。应用举例见MSP432 PID 电机调角度、调速。 它曾助力笔者获2020年电赛省一等奖。 代码 Q:过程噪声协方差 Q参数调滤波后的曲线…

130. Surrounded Regions

题目&#xff1a; Given a 2D board containing X and O, capture all regions surrounded by X. A region is captured by flipping all Os into Xs in that surrounded region. For example, X X X X X O O X X X O X X O X XAfter running your function, the board should …

计算机是如何启动的?

从打开电源到开始操作&#xff0c;计算机的启动是一个非常复杂的过程。 我一直搞不清楚&#xff0c;这个过程到底是怎么回事&#xff0c;只看见屏幕快速滚动各种提示......这几天&#xff0c;我查了一些资料&#xff0c;试图搞懂它。下面就是我整理的笔记。 零、boot的含义 先问…

hdu 1536(博弈)

传送门&#xff1a;S-Nim 题意&#xff1a;给n个数的集合s&#xff0c; 再给m 组数据&#xff0c;每组表示 k 堆石子&#xff0c;每次可以取的个数只能是集合s中的数量。问先手胜还是输&#xff1f; 分析&#xff1a;sg函数的经典运用&#xff0c;先预处理出所有数量为0~10000的…

写了个 Markdown 命令行小工具,希望能提高园友们发文的效率!

&#x1f680; 优质资源分享 &#x1f680; 学习路线指引&#xff08;点击解锁&#xff09;知识定位人群定位&#x1f9e1; Python实战微信订餐小程序 &#x1f9e1;进阶级本课程是python flask微信小程序的完美结合&#xff0c;从项目搭建到腾讯云部署上线&#xff0c;打造一…

MSP432P401R TI Drivers 库函数学习笔记(七)I2C驱动OLED屏幕

目录API (机翻)上机实战引脚配置I2C引脚配置工作指示灯LED1引脚配置文件结构I2C 初始化、读写函数myI2C.cmyI2C.hOLED初始化和测试代码main.cmain.hOLED 驱动程序OLED.cOLED.hOLED_Font.h任务管理myTask.cmyTask.h显示效果平台&#xff1a;Code Composer Studio 10.4.0 MSP432…

xcode5. 安装cocos2d-x 学习中。。。

xcode5. 安装cocos2d&#xff0d;x 学习中。。。 找了一些帖子 没搞出来&#xff0c;后来找到原因了 如今的cocos2d版本号在xcode.5上 没右模版了。用命令行 来运行。看了官方的文档。最终攻克了&#xff5e;&#xff5e;&#xff5e; 对于自己解决的问题都会感到点兴奋。。…

在WPF中实现玻璃模糊效果

在WPF中实现玻璃模糊效果还是比较简单的&#xff0c;主要方式如下&#xff1a; 添加一个Rectangle或其它控件作为玻璃放到顶部图层 将底部图像作为Brush&#xff08;大多数的时候用VisualBrush&#xff09;填充到Rectangle中 对该Rectangle添加高斯模糊效果 在该Rectangle上叠加…

【2013.4.6】微软暑期实习生答案(zz)

这套题难度评价&#xff1a;与去年相比技术上更多考得是语言细节而非算法&#xff0c;很多常规的智力题都是以前老题了&#xff0c;所以总体感觉难度不是很大&#xff0c;但是想拿高分也比较困难。最后吐槽下出题&#xff0c;居然有两道题不严谨&#xff0c;确实让很多同学在做…

【cartographer_ros】五: 发布和订阅陀螺仪Imu信息

&#x1f680; 优质资源分享 &#x1f680; 学习路线指引&#xff08;点击解锁&#xff09;知识定位人群定位&#x1f9e1; Python实战微信订餐小程序 &#x1f9e1;进阶级本课程是python flask微信小程序的完美结合&#xff0c;从项目搭建到腾讯云部署上线&#xff0c;打造一…

css reset

最近在想把自己写的demo写成一个完整的项目&#xff0c;在写css reset的时候想参考别人的css reset是怎么来写的&#xff0c;也有想直接下载normalize.css这样的css reset直接用。但是看了张神写的对css reset的重新审视受益匪浅&#xff0c;文章发布的比较早原文地址http://ww…

MSP432P401R TI Drivers 库函数学习笔记(八)ADC

目录API (机翻)上机实战引脚配置ADC引脚配置串口引脚配置指示工作状态的LED1引脚配置代码部分ADC初始化和读取函数myADC.cmyADC.h获取数据并通过串口发送main.cmain.h任务管理函数myTask.cmyTask.h串口代码myUart.cmyUart.h实验结果平台&#xff1a;Code Composer Studio 10.4.…

PHP 杂谈《重构-改善既有代码的设计》之三 重新组织数据

介绍承接上文的PHP 杂谈《重构-改善既有代码的设计》之 重新组织你的函数继续重构方面的内容。这章主要针对数据的重构。1、争论的声音——直接访问Field还是通过函数&#xff08;Accessor&#xff09;访问Field2.修改Array为Object&#xff1a;当你看到一个Array很像一个数据结…

轻松获取LAMP环境的配置参数

大家是否遇到过去了新公司&#xff0c;公司内的LAMP&#xff0c;LNMP等所有的环境都是配置好的&#xff08;已经在提供服务了&#xff09;&#xff0c;公司又没有留下部署文档&#xff0c;甚至安装LAMP&#xff0c;LAMP等环境的人已经和你交接完离职了&#xff0c;那么线上服务…

Python迷宫生成器

&#x1f680; 优质资源分享 &#x1f680; 学习路线指引&#xff08;点击解锁&#xff09;知识定位人群定位&#x1f9e1; Python实战微信订餐小程序 &#x1f9e1;进阶级本课程是python flask微信小程序的完美结合&#xff0c;从项目搭建到腾讯云部署上线&#xff0c;打造一…

数组的操作

有关操作数组的方法(函数): (常用)push() 从尾部添加新元素 操作的是原数组 pop() 从尾部删除一个元素 unshift() 从开头添加元素 shift() 从开头删除元素 slice(start, end) 获取数组中某些元素&#xff0c;返回一个新数组&#xff1b;从start下标位置起开始截取到end下标(不…

MSP430F5529 DriverLib 库函数I2C驱动OLED屏幕

目录I2C驱动代码MSP430F5529_I2C.cMSP430F5529_I2C.hOLED初始化及测试OLED驱动代码OLED.cOLED.hOLED_Font.h显示效果平台&#xff1a;Code Composer Studio 10.4.0 MSP430F5529 LaunchPad™ Development Kit (MSP‑EXP430F5529LP) I2C驱动代码 P3.0为SDA&#xff0c;P3.1为S…

java经典算法四十题

java经典算法四十题 【程序8】题目&#xff1a;求saaaaaaaaaaaa...a的值&#xff0c;其中a是一个数字。例如222222222222222(此时共有5个数相加)&#xff0c;几个数相加有键盘控制。1.程序分析&#xff1a;关键是计算出每一项的值。import java.io.*; public class Sumloop { p…