自定义博客皮肤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)
  • 问答 (2)
  • 收藏
  • 关注

原创 精灵图、字体图标、CSS三角、常见的CSS用户界面样式、vertical-align属性应用、溢出文字省略号显示、常见的布局技巧

1.原因:为了有效地减少服务器接收和发送请求地次数,提高页面地加载速度,出现了CSS精灵技术2.核心:(1)主要针对小的背景图片使用(2)主要借助于背景位置来实现background-position(3)一般情况下精灵图都是复制(往上往左移动负值)1.展现的是图标,但本质还是字体2.优点:轻量级、灵活性、兼容性3.(1)如果遇到一些结构和样式比较简单的小图标,就用字体图标(2)如果遇到一些结构和样式复杂一点的小图片,就用精灵图4.个人推荐阿里iconfont字库......

2022-08-07 16:35:11 191

原创 python(一)输出函数print、转义字符和原字符、标识符和保留字、变量、注释、数据类型及转换

简单介绍了python一点基础

2022-08-05 17:11:29 164

原创 实例(四)淘宝焦点图

简单实现淘宝焦点图。

2022-07-29 18:00:03 418

原创 (重点)定位:相对定位、绝对定位、固定定位等,显示隐藏的3种方式:display:none;visibility:visible; overflow:visible;

以上就是今天要讲的内容,本文仅仅简单介绍了定位和显示隐藏的使用

2022-07-27 17:04:06 224

原创 实例(三)学成在线(上)

学习来源:黑马前端p197-p220学习内容:基础构建 学成在线 区域板块

2022-07-24 11:07:57 216

原创 (重点)浮动和清除浮动的四种方法:额外标签法、overflow、:after、双伪元素法

本文介绍了浮动和清除浮动的方法

2022-07-19 17:05:50 199

原创 圆角边框、盒子和文字阴影

本文简单介绍了圆角边框、盒子和文字阴影

2022-07-19 10:32:34 78

原创 实例(二)实现小米商城的产品卡片

基础实现小米商城的产品卡片。

2022-07-18 16:32:47 405

原创 实例(一)简单实现新浪导航栏

简单实现新浪导航栏

2022-07-18 09:53:32 1249

原创 CSS的三个特性:层叠性、继承性和优先级和盒子模型四个组成部分:外边距、边框、内边距和内容

例如以上就是今天要讲的内容,本文仅仅重点介绍了CSS的三个特性和盒子模型。

2022-07-16 17:37:09 166

原创 emment语法、css复合选择器、元素三种显示方式及相互转换代码、背景图片的设置方式

复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的语法:元素1 元素2 {样式声明}注:1.最终选择的是子级元素22.元素2只要是元素1的后代即可3.元素1、2可以是任意选择器语法:元素1 > 元素2 { 样式声明 }注意:1.最终选择的是元素2,元素2必须是亲“儿子”,而且必须是离它最近的那个子元素,即可理解为“太子"选择器语法:元素1,元素2{ 样式声明}注意:1.逗号可以理解为“和”,并集选择器常用于集体声明语法:a:...

2022-07-12 10:15:14 113

原创 css基础选择器、字体和文本样式设置、引入css外部文件、使用谷歌工具调试样式

CSS的主要使用场景就是美化页面,布局页面的。作用:可以选出所有相同的标签,比如p、div特点:不能差异化选择使用情况:较多2.类选择器作用:可以选出一个或多个标签特点:可以根据需求选择使用情况:非常多口诀:样式点定义 结构类(class)调用 一个或多个 开发最常用2.多类名调用3.id选择器作用:一次只能选择1个标签特点:ID属性只能在每个HTML文档中出现一次使用情况:一般和js搭配口诀:样式 # 定义 结构i...

2022-07-04 17:26:44 147

原创 表格、列表、表单和下拉列表表单

td必须嵌套在tr中th是表示表格表头部位2.表格相关属性属性名属性值和描述alignleft、right、center,规定对齐方式border1或" "(默认值),规定有无边框cellpadding像素值(默认为1),边沿与内容之间的空白cellspacing像素值(默认为2),边框的空白width像素值或百分比,表格宽度3.表格结构标签4.合并单元格跨行...

2022-06-29 19:20:48 252 1

原创 超链接和相对路径

双标签和单标签,双标签要配对,单标签不需要配对使用二、说出HTML的骨干标签三、超链接标签1.使用方法a标签来定义超链接,用于页面跳转语法:target:_self指在当前页面打开,_blank指在新的页面打开超链接有外部链接、内部链接、空链接、下载链接、网页元素的链接、锚点链接点击该链接,可以快速定位到页面的某个位置在链接文本的href属性中,设置属性值为 #名字 的形式,如找到目标位置标签,里面添加一个id...............

2022-06-29 11:32:12 693

空空如也

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

TA关注的人

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