自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 CSS之定位

css学习<六>定位定位就是将盒子定位到某一位置,自由漂浮在其他盒子上。那么就有了这样三个比喻。 标准流在最底层 (海底) 浮动 的盒子 在 中间层 (海面) 定位的盒子 在 最上层 (天空)定位由两部分组成定位 = 定位模式 + 边偏移1.定位模式在 CSS 中,通过 position 属性定义元素的定位模式,语法如下:选择器 { position: 属性值; }定位模式是有不同分类的,在不同情况下,我们用到不同的定位模式。值语义sta

2020-09-18 17:38:58 16

原创 CSS实践3—页面制作之精品推荐制作

分析1号盒子为最大的盒子 box 版心水平居中对齐2号盒子为上面部分 box-hd -- 里面 左侧标题H3 左浮动 右侧 链接 a 右浮动3号盒子为底下部分 box-bd --- 里面是无序列表 有 10个 小li 组成精品推荐标题栏 我们可以在2号盒子中统一指定文字水平居中,即指定高度和行高。 左右两个模块浮动.box{ margin-top: 15px;}.box-hd{ height: 60px; line-height: 60px; .

2020-09-18 13:35:07 26

原创 CSS实践2—页面制作之网页导航制作

分析大体这个网页导航分为四个盒子, 1号盒子banner,不给宽度,给高度,给一个背景图片。 2号盒子是版心,要水平居中对齐。 3号盒子版心内,向左浮动左对齐 subnav侧导航栏。 4号盒子版心内,享有浮动右对齐 course课程。实现准备工作 利用PS中插件cutterman把背景保存为jpg格式 利用PS精确测量盒子宽高以及盒子间边距banner设计...

2020-09-15 12:43:36 36

原创 CSS实践1—页面制作之头部制作

分析 1.版心盒子也就是这个总父盒子水平居中对齐 2.版心盒子中包括logo,nav导航栏,搜索框,个人信息盒子。 3.四个盒子都浮动实现准备工作 1.利用PS中的切片工具把logo保存为jpg格式 2.利用PS精确测量盒子宽高以及盒子间边距 3.先清除默认内外边距logo设计: 1.建立一个头部盒子也就是父盒子,将切好的logo图标插入到logo这个子盒子中 2.你会发现logo与背景色有色差,如图 3.你只需要将body指定一个背景颜色(利用PS吸管工具)/* .

2020-09-13 20:19:48 79

原创 CSS之浮动

css学习<五>1.圆角边框的使用border-radius: length / %;通常矩形盒子的圆角会使用盒子高度的一半来修饰圆角,会更加美观。2.浮动的特性CSS布局的三种机制:普通流,浮动,定位。浮动会让元素脱离标准流的控制,移动到指定位置。浮动口诀-浮浮动会使元素漂浮在标准流上面浮动口诀-漏元素浮起,原本位置漏给标准流,也就是不再占用原本位置,脱离标准流。浮动口诀-特特性,会改变display属性,也就是会改变显示模式。测试代码:结果图:可以看出什么都

2020-08-12 22:01:40 63

原创 CSS之基础四

CSS学习<四>1.盒子边框只保留下边框写法border : none;border-bottom : 1px soild #FFF; 2.表格之间的重叠问题解决方法在表格中添加cellspacing=0时,可将单元格与单元格之间距离设置为0,会导致两个边框重叠,以下代码可以合并单元格解决此问题 border-collapse: collapse;3.padding简写padding值含义10px上下左右内边距为10px

2020-07-24 22:02:17 28

原创 CSS之基础三

CSS学习<三>1.设置行高使单行文本居中行高 = 盒子的高度2.背景平铺repeat / no-repeat / repeat-x / repeat-ybackground: url('') no-repeat; 3.背景位置background-position:值1 值2;值1值2结果xy指定位置righttop右上leftbottom左下centercenter居中针对于大图的设置:{ ba

2020-07-23 22:22:51 34

原创 CSS之基础二

CSS学习<二>1.CSS高级选择器1. 四张图让你明白后代选择器和子元素选择器区别a.后代选择器b.子元素选择器2. 交集选择器数学上交集概念是属于A且属于B的元素为元素的集合称为A与B的交。在编程中也是,例如<div class="father"></div>div和father同时修饰的内容写法 :div.father{}3. 并集选择器数学上属于A或属于B的元素为元素的集合称为A与B的并。在编程中,例如<span>spa

2020-05-09 21:09:56 57

原创 CSS之基础一

CSS学习<一>1.CSS的引入方式?引入方式模拟行内式<div style="background: red"></div>内嵌式在<head>标签里用<style></style>集中书写css代码外链式<link rel="stylesheet" type="text/cs...

2020-05-07 20:04:32 56

原创 HTML基础

☺☺☺听说大学生开学会延续到2020下学期了,作为一个计算机系大三的人表示很慌,下学期就直接大四。临近就业,面对着就业压力,时间管理对于我们来说十分重要,这个时间刺客lzx就为我们上了一课,为何不利用空余的时间干一 些有益身心健康的事情呢? 咳咳咳,所以呢想通了这一点就开始去系统的学习前端就业所需的知识,用博客来记录自己的学习历程 ,来督促自己静心学习…HTML学习1.浏览器内核是什么?...

2020-05-03 21:32:43 89

原创 安装PYCharm后右键打开桌面项目导致菜单栏变宽解决方法

运行regedit注册表;按以下路径,HKEY_CLASSES_ROOT\Directory\Background\shell\PyCharm Community Edition ,找到PyCharm Community Edition文件夹,删除

2020-02-22 13:33:54 1507 3

原创 float浮动带来的影响以及两种解决方法

CSS 中的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列,往往是用于图像,但它在布局时一样非常有用。但是在布局是会出现一些影响如下图:未使用float浮动使用float浮动这里可以发现一个问题,使用float浮动后子元素虽然实现了水平方向的浮动,但是父元素的高度却塌陷了。解决方法一、在父元素的样式中加入overflow:hidden属性。目的是父元素包住...

2019-10-20 15:48:50 363

转载 如何解决导致web项目出错问题《所有不是在自己电脑上开发的web项目,都需要重新配置一下》【详细教程】

HTML 转载至https://blog.csdn.net/weixin_43970743/article/details/84936379 今日,为大家带来一篇如何快速通过eclipse导入web项目及Tomcat 部署步骤;具有很好的参考价值。第一步:【1】打开eclipse,单击左上角的File,File–>Import【2】打开General–&g...

2019-05-29 17:42:27 135

原创 用java的两种做法:求Sn=a+aa+aaa+…+aa…aaa(有n个a)之值,其中a是一个数字,为2。 例如,n=5时=2+22+222+2222+22222,n由键盘输入

初入博客,目前是一位在校学生,想写一写自己学的知识分享出去。写一篇用java算法和Stringbuffer类的做法,因为我初学的时候求助百度没有找到想要的答案。**** ## 第一种:用java语法算法做法 **import java.util.*;class Test1{public static void main(String[] args){ Scanner in = n...

2019-03-03 18:34:42 5002

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除