- 博客(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
592
原创 (重点)定位:相对定位、绝对定位、固定定位等,显示隐藏的3种方式:display:none;visibility:visible; overflow:visible;
以上就是今天要讲的内容,本文仅仅简单介绍了定位和显示隐藏的使用
2022-07-27 17:04:06
278
原创 CSS的三个特性:层叠性、继承性和优先级和盒子模型四个组成部分:外边距、边框、内边距和内容
例如以上就是今天要讲的内容,本文仅仅重点介绍了CSS的三个特性和盒子模型。
2022-07-16 17:37:09
448
原创 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
152
原创 css基础选择器、字体和文本样式设置、引入css外部文件、使用谷歌工具调试样式
CSS的主要使用场景就是美化页面,布局页面的。作用:可以选出所有相同的标签,比如p、div特点:不能差异化选择使用情况:较多2.类选择器作用:可以选出一个或多个标签特点:可以根据需求选择使用情况:非常多口诀:样式点定义 结构类(class)调用 一个或多个 开发最常用2.多类名调用3.id选择器作用:一次只能选择1个标签特点:ID属性只能在每个HTML文档中出现一次使用情况:一般和js搭配口诀:样式 # 定义 结构i...
2022-07-04 17:26:44
291
原创 表格、列表、表单和下拉列表表单
td必须嵌套在tr中th是表示表格表头部位2.表格相关属性属性名属性值和描述alignleft、right、center,规定对齐方式border1或" "(默认值),规定有无边框cellpadding像素值(默认为1),边沿与内容之间的空白cellspacing像素值(默认为2),边框的空白width像素值或百分比,表格宽度3.表格结构标签4.合并单元格跨行...
2022-06-29 19:20:48
635
1
原创 超链接和相对路径
双标签和单标签,双标签要配对,单标签不需要配对使用二、说出HTML的骨干标签三、超链接标签1.使用方法a标签来定义超链接,用于页面跳转语法:target:_self指在当前页面打开,_blank指在新的页面打开超链接有外部链接、内部链接、空链接、下载链接、网页元素的链接、锚点链接点击该链接,可以快速定位到页面的某个位置在链接文本的href属性中,设置属性值为 #名字 的形式,如找到目标位置标签,里面添加一个id...............
2022-06-29 11:32:12
857
空空如也
请问这个a标签为什么只显示出了一个?
2021-08-09
为什么这个alert弹不出来?
2021-04-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人