- 博客(12)
- 收藏
- 关注
原创 HTML--11(CSS高级技巧)
1. 精灵图1.1 为什么需要精灵图1.2 精灵图的使用2. 字体图标2.1 字体图标的产生2.2 字体图标的优点2.4 字体图标的引入2.4.1 字体文件格式2.4.2CSS 样式中全局声明字体2.4.3. html 标签内添加小图标2.4.4. 给标签定义字体2.5 字体图标的追加3.CSS 三角4.CSS用户界面样式4.1 鼠标样式 cursor4.2轮廓线 outline
2023-07-30 20:29:23
39
1
原创 HTML--10
1.定位1.1 为什么需要定位1.2 定位组成1.2.1 定位模式1.2.2 边偏移1.3 静态定位1.4 相对定位(relative)1.5 绝对定位1.6 子绝父相的由来1.7 固定定位1.8 粘性定位1.9 定位的总结1.10 定位叠放次序 z-index1.11 定位的拓展1.11.1 绝对定位的盒子居中1.11.2定位特殊特性1.11.3脱标的盒子不会触发外
2023-07-30 15:33:17
35
1
原创 HTML--8
CSS 盒子模型本质上是一个盒子,封装周围的 HTML 元素,它包括:边框、外边距、内边距、和 实际内容。 边框的简写 如果盒子本身没有指定width/height属性, 则此时padding不会撑开盒子大小. 因为块状元素不能设定宽度。使用 margin 定义块元素的垂直外边距时,可能会出现外边距的合并。
2023-07-23 13:19:06
56
1
原创 HTML--7
使用场景:如果有多个不同的父元素,然后他们的子元素都是相同的,但是我们只想要将他们之中的一个父元素中的子元素全部改变,那么这时候就可以使用后代选择器。也就是ul是li父元素。(可以是多个,只是需要一层一层的往下走就行)比如说我们在实际开发中需要将<a>设置它的长宽高,所以需要进行转换成块级元素或者是行内元素。CSS 有三个非常重要的三个特性:层叠性继承性优先级。
2023-07-16 20:13:33
36
1
原创 HTML--6
类选择器的口诀:样式点定义(.red) 结构类(class)调用 一个或多个 开发最常用4. CSS 文本属性这个需要注意的是css文件只需要写样式,不需要写标签(style)
2023-07-15 16:41:02
168
1
原创 HTML笔记--3
4.必须些,采用UTF-8来保存文字,如果不写就会乱码。3.告诉浏览器或者是搜索引擎这个一个英文网站,本页面采用英文来显示。其实对于文档显示来说,定义成en的文档也可以显示中文,定义成zh-CN的文档也可以显示英文。DOCTYPE>声明位于文档中的最前面的位置,处于标签之前。根据标签的语义,再合适的地方给一个最合理的标签,可以让也页面结构变得更清晰。这句代码的意思是:当前页面采取的是HTML5版本来显示网页。
2023-07-01 23:32:53
60
原创 HTML笔记--2
1:页面打开的时候是英文页面:点开拓展,输入Chinese (Simplified) Language Pack for Visual Studio Code,然后按回车。ctrl+d(先双击选定一个单词,然后按下ctrl+d就可以依次选择相同的单词,这样。3:代码输入方面:整体框架我们并不需要写,直接写出!2:文件方面的问题:在每次写之前必须要保存,按ctrl+s。4:在按右键之后发现有课程中讲的打开。shift+alt+上箭头(下箭头)2:选定多个相同的单词。
2023-07-01 20:08:37
37
原创 HTML笔记(一)
常见的以.htm或者是.html后缀结尾的文件,因此将其俗称为HTML文件。1.2什么是HTML语言HTML指的是超文本标记语言,它是用来描述网页的一种语言。HTML不是编程语言,而是一种标记语言标记语言是一套标记标签。1.3网页的形成书写HTML文件,然后用浏览器打开,就能看到网页了。
2023-06-13 00:31:28
37
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人