嘉琦 - 博客园

2022年1月18日

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-01-18 20:43 嘉琦阅读(130) 评论(0) 推荐(0)

js基础仿百度换皮肤案例含素材

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-01-18 16:54 嘉琦阅读(66) 评论(0) 推荐(0)

2022年1月7日

WEB开发每日3题

摘要： 2022-1-7 第1天 1.按钮标签的类型默认值是什么？答：Internet Explorer 的默认类型是“按钮”，而其他浏览器中（包括 W3C 规范）的默认值是“提交”。 2.p标签里面img标签会出现高3像素是什么原因？照片是内联元素，内联元素的发射方式是文字闪烁的，而不是文字底线的，所阅读全文

posted @ 2022-01-07 21:31 嘉琦阅读(32) 评论(0) 推荐(0)

CSS基础动画相关属性

摘要： 1.定义动画 1.1 两个个动画的定义方法 @keyframes 动画名称{ from{} to {} } 使用 html代码 <div class="box"></div> css代码： <style> /* 定义动画 */ @keyframes change { from{width: 200p 阅读全文

posted @ 2022-01-07 18:10 嘉琦阅读(73) 评论(0) 推荐(0)

CSS基础 3D导航综合实战案例

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-01-07 14:59 嘉琦阅读(71) 评论(0) 推荐(0)

2022年1月6日

CSS基础华为渐变色产品列表综合实战

摘要：华为网页链接：https://www.huawei.com/cn/?ic_medium=direct&ic_source=surlent html代码部分： <div class="box"> <ul> <li> <a href="#"> <img src="./images/product.jpe 阅读全文

posted @ 2022-01-06 19:33 嘉琦阅读(165) 评论(0) 推荐(0)

CSS基础 transform属性的基本使用移动旋转缩放

摘要： 1.实现元素位移效果语法：transform:translate(x轴水平移动距离，Y轴垂直移动距离) 取值：正负都可以取值方式：数字+px 百分比：参照自己本的盒子的百分比比如：本身自己的宽度是100px 那么x轴的百分之100，则走的是100px 使用写法： transform:tran 阅读全文

posted @ 2022-01-06 19:15 嘉琦阅读(3988) 评论(0) 推荐(0)

2022年1月1日

CSS基础阴影相关属性设置

摘要：一。字体阴影属性名：text-shadow：水平偏移量垂直偏移量模糊度阴影颜色； html代码： <div>农夫山泉有点甜</div>css代码： div{ font-size:100px; font-weight:700; text-align:center; line-height:300 阅读全文

posted @ 2022-01-01 18:46 嘉琦阅读(120) 评论(0) 推荐(0)

CSS基础背景图片的相关属性

摘要：属性名： background-size: 宽度高度; 属性值说明数字+px 简单方便，常用百分比相当于盒子自身的百分比，如：百分百，就是就算是图片变形也要显示 contain 动比例缩放，但不会超出盒子最大，不会变形，有可能留白 cover 覆盖，等比例缩放，不会留白属性1：因为盒子和阅读全文

posted @ 2022-01-01 14:56 嘉琦阅读(97) 评论(0) 推荐(0)

CSS基础精灵图的使用

摘要：使用步骤1.创建盒子 <div class="one"></div> 2.使用PxCook量取图标大小，将图标的宽高设置成为盒子的宽高 3.将精灵图片设置盒子的背景图片 background: url('./images/sprites.png') 4.用PxCook量取小图标的坐标，并取负值给背景阅读全文

posted @ 2022-01-01 14:24 嘉琦阅读(657) 评论(0) 推荐(0)

嘉琦

公告