- 博客(20)
- 收藏
- 关注
原创 HTML+CSS
首先要准备字体图标、图片。将网页分成几个部分。快捷导航模块、头部模块制作、nav模块制作、底部模块制作。头部模块分为logo模块、search搜索模块、hotwords模块、shopcar购物车模块。结构样式分离进行网站说明、引入favicon图标、引入初始化文件、引入公共样式文件在正式写代码前进行css初始化设置版心w。
2023-07-01 14:57:45 253
原创 【无标题】
一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。因此,,出现了CSS 精灵技术(也称CsS Sprites、CSS 雪碧)。
2023-06-13 00:33:08 76
原创 CSS定位
目录1 为什么需要定位2 定位组成3 静态定位 static4 相对定位 relative5 绝对定位 absolute6 子绝父相7 固定定位 fixed8 粘性定位 sticky9 总结 定位可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置·,并可以压住其他盒子。定位:将盒子定在某一位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。定位 = 定位模式 + 边偏移。定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。边偏移边偏移就是定位盒子移动到最终位置
2023-06-07 23:43:10 81
原创 CSS盒子模型
因此我们在布局前,首先要清楚下网页元素的内外边距。对于两个嵌套关系(父子关系)的块元素,父元素有上外边距同时子元素也有上外边距1,此时父元素会塌陷较大的外边距值。CSS盒子模型本质上就是一个盒子,封装周围的HTML元素,它包括:边框、外边距、内边距、和实际内容。(3)使a标签转化为行内块元素,设置高度、颜色、字体大小、内边距、鼠标经过时的颜色并且取消下划线。:就是把HTML页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。使用margin定义块元素的垂直外边距时,可能会出现外边距的合并。
2023-06-01 23:53:41 284
原创 制作简洁版小米侧边栏
笔记本 平板</a><a href="#">智能 路由器</a><a href="#">电视 盒子</a><a href="#">出行 穿戴</a><a href="#">健康 儿童</a><a href="#">耳机 音响</a><a href="#">手机 电话卡
2023-05-27 19:53:49 853
原创 CSS 的元素显示模式
作用:网页标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。元素显示模式就是元素(标签)以什么方式进行显示,比如<div>自己占一行,比如一行可以放多个<span>。HTML 元素一般分为块元素和行内元素两种类型。2. 块元素常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>标签是最典型的块元素。块级元素的特点:① 比较霸道,自己独占一行。② 高度、宽度外边距及内边距都可以控制。
2023-05-26 00:44:49 62
原创 CSS的复合选择器
在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素(标签)复合选择器是由两个或多个基础选择器,通过不同的方式组合而成常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等。
2023-05-25 20:38:37 344
原创 CSS综合案例(1)
预报显示,今后三天(3-5日),这一带的高温天气将继续发酵,高温范围以及强度将在4日达到鼎盛,预计北京、天津、石家庄、济南等地明天的最高气温有望突破38℃,其中北京和石家庄的最高气温还有望创今年以来的新高。中国天气网气象分析师王伟跃介绍,明天(4日),华北、黄淮地区35℃以上的高温天气还将继续升级,并进入鼎盛阶段,高温强度和范围都将发展到最强。今天,华北、黄淮一带的高温持续发酵,截至今天下午2点,陕西北部、山西西南部、河北南部、北京、天津、山东西部、河南北部最高气温已普遍超过35℃。京津冀携手冲击38℃+
2023-05-24 00:18:38 49
原创 CSS入门学习(3)
样式表优点缺点使用情况控制范围行内样式表书写方便,权重高结构样式混乱较少控制一个标签内部样式表部分结构和样式相分离没有彻底分离较多控制一个页面外部样式表完全实现结构和样式分离需要引入最多控制多个页面。
2023-05-23 23:30:54 69 1
原创 CSS入门学习(2)
属性表示注意点color文本颜色我们通常用 十六进制 比如 而且是简写形式 #ffftext-align文本对齐可以设定文字水平的对齐方式文本缩进通常我们用于段落首行缩进2个字的距离文本修饰记住 添加下划线 underline 取消下划线 none行高控制行与行之间的距离。
2023-05-18 12:11:22 94 1
原创 CSS入门学习
CSS的主要适用场景就是美化网页,布局页面的.基础选择器作用特点使用情况用法标签选择器可以选出所有相同的标签,比如p不能差异化选择较多类选择器可以选出一个或者多个标签可以根据需求选择一般多id选择器一次只能选择一个标签ID属性只能在每个HTML文档中出现一次一般和js搭配通配符选择器选择所有标签选择的太多,有部分不需要特殊情况使用属性表示注意点font-size字号通常用的单位是px 像素,一定要跟上单位字体实际工作中按照团队约定来写字体字体粗细。
2023-05-14 15:59:32 224
原创 HTML入门学习(2)
标签用于定义描述列表(或定义列表),该标签会与<dt>(定义项目/名字)和<dd>(描述每一个项目/名字)一起使用。<dl><dt>名词1</dt><dd>名词1解释1</dd><dd>名词1解释2</dd><dd>名词1解释3</dd></dl>例如<dl><dt>关注我们</dt><dd>新浪微博</dd><dd>官方微信</dd><dd>联系我们</dd></dl>实现如下:注:1.<dl>
2023-04-30 13:38:57 97
原创 【id:21】【20分】E. 抄袭查找(结构体+指针+函数)
定义一个函数,返回值为一个整数,参数是两个结构体指针,函数操作是比较两张试卷的每道题目的答案,如果相同题号的答案相似度超过90%,那么就认为有抄袭,函数返回抄袭题号,否则返回0。相似度是指在同一题目中,两个答案的逐个位置上的字符两两比较,相同的数量大于等于任一个答案的长度的90%,就认为抄袭。每张试卷包含:学号(整数类型)、题目1答案(字符串类型)、题目2答案(字符串类型)、题目3答案(字符串类型)在一行中,把发现抄袭的两个学号和题目号输出,只输出第一次发现抄袭的题号,数据之间用单个空格隔开。
2023-04-03 00:05:26 132
原创 【id:20】【20分】D. 谁是老二(结构体)
定义一个结构体,包含年月日,表示一个学生的出生日期。然后在一群学生的出生日期中找出谁的出生日期排行第二。要求:出生日期的存储必须使用结构体,不能使用其他类型的数据结构。要求程序全过程对出生日期的输入、访问、输出都必须使用结构。输出排行第二老的出生日期,按照年-月-日的格式输出。每行输入三个整数,分别表示年、月、日。第一行输入t表示有t个出生日期。
2023-04-03 00:04:56 265
原创 【id:203】【20分】C. 职工信息 (结构体)
程序实现初始化5名职工的信息,并对工作年限大于等于30年的职工每人加100元工资,分别输出工资变化之前和之后的所有职工的信息。编写程序,定义一个职工信息结构包括职工姓名、工作年限、工资总额。定义一个存放职工信息的结构数组。输出两部分,第一部分输出工资变化之前所有职工的信息,第二部分输出工资变化之后的所有职工的信息。输入5个员工的职工姓名、工作年限、工资总额,姓名的最大长度不超过20。
2023-04-03 00:02:16 128 1
原创 【id:134】【20分】B. 求最大值最小值(引用)
编写函数void find(int *num,int n,int &minIndex,int &maxIndex),求数组num(元素为num[0],num[1],...,num[n-1])中取最小值、最大值的元素下标minIndex,maxIndex(若有相同最值,取第一个出现的下标。每组测试数据输出两行,分别是最小值、最大值及其下标。输入n,动态分配n个整数空间,输入n个整数,调用该函数求数组的最小值、最大值下标。要求:在main函数中按样例格式输出结果,不能直接在find函数中输出。
2023-04-02 23:59:23 64
原创 编程题【id:19】【20分】A. 三数论大小(引用)
要求:定义一个函数,无返回值,函数参数是三个整数参数的引用,例如int &a, int &b, int &c。在函数内对三个参数进行排序。主函数调用这个函数进行排序。要求:不能直接对三个整数进行排序,必须通过函数而且是引用的方法。每行按照从大到小的顺序输出每个实例,三个整数之间用单个空格隔开。输入三个整数,然后按照从大到小的顺序输出数值。第一行输入t表示有t个测试实例。要求:输出必须在主函数进行。第二行起,每行输入三个整数。
2023-04-02 23:55:26 74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人