shiyu18-优快云博客

原创学习定位后制作简易二级菜单栏

定位练习定位练习简易二级菜单栏原图效果：要求：实现二级菜单栏效果代码实现： html部分: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>作业01</title> <link rel="stylesheet" type="text/css" href="css/01.css" /> </head&gt

2020-12-02 11:40:42 587 1

标签元素转换，文本元素，块元素学习了标签元素转换后练习文本元素转换为块元素：文本元素特性：初始属性无法设置宽高，并且会自动排列一行。代码转换：display:block;/* 转换为块元素 */ display:inline; /* 转换为行内块元素 */ display:inline-block; /* 转换为行内文本元素 */ 代码实现： <!doctype html> <html> <head> <meta charset="utf-

2020-11-16 09:53:15 301

原创制作天猫界面的简易框架

学习浮动和盒模型之后练习制作天猫界面简易框架原网页：要求：实现布局，实现简易框架代码实现： <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box{ height:40px; width:100%; } .box-top{ heig

2020-11-09 09:59:42 2494 14

原创 CSS，html各类标签特点

前言：熟记各类标签的特点，特征在写网页时有助于提高效率，降低错误率。这也是html的基本功，需要牢记块元素的特点 1.设置宽高生效 (1) 不设宽度自适应父级容器的宽度 (2) 不设高度高度由盒子里的内容撑开 2.独立占据一行 3.支持所有css样式常用块元素有： <div></div> <p></p> <ul> <li></li> </ul> <ol> <li><

2020-11-05 12:40:55 402 1

原创 css，盒模型简单练习

盒模型练习 css盒模型练习继续熟练练习css，并且更清楚认识到css的好处完成以下布局：要求：熟练使用border(边框)，padding(内边距)，margin(外边距) 分析：上图中第一张图需要单独写样式，后面四张图仅需要一个样式即可，并且个块都有上边框(border),外间距间距一样代码实现： html部分： <!doctype html> <html> <head> <meta charset="utf-8"> <title

2020-11-02 09:17:32 2393 1

原创 css布局，伪类选择器练习

css伪类选择器练习为了熟练掌握css各种选择器，还是需要多加练习完成以下布局: 要求:掌握好类名的使用，伪类选择器使用正确，并活用以学习的标签及标签特性。分析:此次练习中出现大量的a标签（均需要a标签的伪类选择器），但是可以设置同一个类名（css的好处）并且最下方可以使用自定义列表（<dl></dl><dt></dt><dd></dd>）代码实现： html部分 <!doctype html> <html&

2020-10-29 09:29:29 557 2

原创 css布局练习

css练习 css练习布局，并完成一下布局: 要求:主要练习布局，并且精简代码（浏览器加载时提升浏览器加载速度）分析:除首航文字外，其余部分均是图片，并且一二行图片和三四行图片间距，宽高相等。代码实现: 1.html部分： <!doctype html> <html> <head> <meta charset="utf-8"> <title>2</title> <link rel="stylesheet" ty

2020-10-28 08:52:15 926

原创 1024，初学CSS

初学CSS 昨天在html的基础上初学习了，或者是是了解到了CSS。知道了css选择器，优先级，还有css文档四种使用css的方式： 1.外链式css 在头部用link标记引入：例 <link rel="stylesheet" type="text/css" href="css/style.css"> href写的是css文件路径，type="text/css"w3c标准规定，为保证兼容性 rel="stylesheet"关联样式表，文件初始化时被使用 2.导入css方式 @import

2020-10-24 18:07:35 183 4

原创写给两年后的自己

写给两年后的自己之前曾在这里看到一篇文章《写给毕业三年后的自己》，有所感触，所以我也想写一篇。也算是自己在这里写下的第一篇文章吧。我现在21岁，之前在社会上有两年+工作经历的我，有选择来学校学习起初我是对自己非常没用信心，觉得自己现在都这个年龄了还能学的进去吗。（各位不要笑话我，在我家那里向我这个年龄的人都有结婚的了，而我却又选择了再次上学）。但是我既然已经决定来了，我就要全身心的投入到学习中来。忘了介绍我自己所学了。我学的是前端，H5开发现在才刚开始学习不到两个月在来学校之前对这些

2020-10-21 09:27:00 443