![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 81
重生之我要好好学习
这个作者很懒,什么都没留下…
展开
-
精灵图、字体图标、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 · 188 阅读 · 0 评论 -
python(一)输出函数print、转义字符和原字符、标识符和保留字、变量、注释、数据类型及转换
简单介绍了python一点基础原创 2022-08-05 17:11:29 · 162 阅读 · 0 评论 -
实例(四)淘宝焦点图
简单实现淘宝焦点图。原创 2022-07-29 18:00:03 · 413 阅读 · 0 评论 -
(重点)定位:相对定位、绝对定位、固定定位等,显示隐藏的3种方式:display:none;visibility:visible; overflow:visible;
以上就是今天要讲的内容,本文仅仅简单介绍了定位和显示隐藏的使用原创 2022-07-27 17:04:06 · 221 阅读 · 0 评论 -
实例(三)学成在线(上)
学习来源:黑马前端p197-p220学习内容:基础构建 学成在线 区域板块原创 2022-07-24 11:07:57 · 216 阅读 · 0 评论 -
(重点)浮动和清除浮动的四种方法:额外标签法、overflow、:after、双伪元素法
本文介绍了浮动和清除浮动的方法原创 2022-07-19 17:05:50 · 173 阅读 · 0 评论 -
圆角边框、盒子和文字阴影
本文简单介绍了圆角边框、盒子和文字阴影原创 2022-07-19 10:32:34 · 76 阅读 · 0 评论 -
实例(二)实现小米商城的产品卡片
基础实现小米商城的产品卡片。原创 2022-07-18 16:32:47 · 402 阅读 · 0 评论 -
实例(一)简单实现新浪导航栏
简单实现新浪导航栏原创 2022-07-18 09:53:32 · 1245 阅读 · 0 评论 -
CSS的三个特性:层叠性、继承性和优先级和盒子模型四个组成部分:外边距、边框、内边距和内容
例如以上就是今天要讲的内容,本文仅仅重点介绍了CSS的三个特性和盒子模型。原创 2022-07-16 17:37:09 · 166 阅读 · 0 评论 -
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 阅读 · 0 评论 -
css基础选择器、字体和文本样式设置、引入css外部文件、使用谷歌工具调试样式
CSS的主要使用场景就是美化页面,布局页面的。作用:可以选出所有相同的标签,比如p、div特点:不能差异化选择使用情况:较多2.类选择器作用:可以选出一个或多个标签特点:可以根据需求选择使用情况:非常多口诀:样式点定义 结构类(class)调用 一个或多个 开发最常用2.多类名调用3.id选择器作用:一次只能选择1个标签特点:ID属性只能在每个HTML文档中出现一次使用情况:一般和js搭配口诀:样式 # 定义 结构i...原创 2022-07-04 17:26:44 · 143 阅读 · 0 评论 -
表格、列表、表单和下拉列表表单
td必须嵌套在tr中th是表示表格表头部位2.表格相关属性属性名属性值和描述alignleft、right、center,规定对齐方式border1或" "(默认值),规定有无边框cellpadding像素值(默认为1),边沿与内容之间的空白cellspacing像素值(默认为2),边框的空白width像素值或百分比,表格宽度3.表格结构标签4.合并单元格跨行...原创 2022-06-29 19:20:48 · 251 阅读 · 1 评论 -
超链接和相对路径
双标签和单标签,双标签要配对,单标签不需要配对使用二、说出HTML的骨干标签三、超链接标签1.使用方法a标签来定义超链接,用于页面跳转语法:target:_self指在当前页面打开,_blank指在新的页面打开超链接有外部链接、内部链接、空链接、下载链接、网页元素的链接、锚点链接点击该链接,可以快速定位到页面的某个位置在链接文本的href属性中,设置属性值为 #名字 的形式,如找到目标位置标签,里面添加一个id...............原创 2022-06-29 11:32:12 · 689 阅读 · 0 评论