- 博客(18)
- 收藏
- 关注
RSS订阅原创 CSS基础笔记——鼠标样式
对于鼠标样式的定义，我们有两种方式：浏览器鼠标样式和自定义鼠标样式浏览器鼠标样式在CSS中，我们可以使用cursor属性来定义鼠标样式cursor:取值;cursor属性取值自定义鼠标样式除了使用浏览器自带的鼠标样式，我们还可以使用cursor属性来自定义鼠标样式cursor:url(图片地址),属性值;...
2021-07-28 14:17:27
250
原创 CSS基础笔记——超链接样式
在浏览器中，超链接默认情况下字体为蓝色，带有下划线，鼠标单击时字体为红色，单击后为紫色而在CSS中，我们可以使用超链接伪类来定义超链接在鼠标单击的不同时期的样式a:link{...}a:visited{...}a:hover{...}a:active{...}定义四个伪类，必须按照link、visited、hover、active的顺序进行，不然浏览器可能无法正常显示这四种样式<!DOCTYPE html><html> <head>
2021-07-26 17:32:40
1826
原创 CSS基础笔记——背景样式
在CSS中，定义背景颜色使用的是background-color属性，而定义背景图片往往涉及以下属性背景颜色：background-color在CSS中，我们可以使用background-color属性来定义元素的背景颜色background-color:颜色值;color属性用于定义文本颜色，而background-color用于定义背景颜色背景图片样式：background-image和引入图片（img标签）一样，引入背景图片也需要给出图片路径background-im.
2021-07-26 17:00:30
584
原创 CSS基础笔记——图片样式
图片大小在CSS中，我们也是使用width和height这两个属性来定义图片大小的img{ width:像素值; height:像素值;}在实际开发中，你需要多大的图片，就用Photoshop制作多大的图片，不建议使用一张大图片，然后再借助width和height来改变其大小，因为一张大图片体积更大，会使页面加载速度变慢，这是性能优化方面的考虑图片边框对于图片的边框，我们也是使用border属性来定义的img{ width:60px; heigh
2021-07-21 17:39:19
1357
原创 CSS基础笔记——表格样式
表格标题位置：caption-side默认情况下，表格标题在表格的上方，如果想要把表格标题放在下方，我们可以使用caption-side属性来定义caption-side:取值;caption-side的取值只有top（默认）和bottom（底部）表格边框合并：border-collapse在CSS中，我们可以使用border-collapse属性来去除单元格之间的空隙，也就是将两条边框合并为一条border-collapse:取值;border-collapse的取值只有s
2021-07-21 17:05:07
215
原创 CSS基础笔记——列表样式
列表项符号：list-style-type在CSS中，不管是有序列表还是无序列表，我们都是使用list-style-type属性来定义列表项符号的list-style-type:取值;list-style-type属性时针对ol或者ul元素的有序列表ol元素取值无序列表ul元素取值而如果想要去除列表项符号，则属性值需要取nonelist-style-type:none;由于列表项符号不太美观，因此在实际开发中，大多数情况下我们都需要使用list-style-t..
2021-07-20 21:21:19
600
原创 CSS基础笔记——边框样式
在浏览网页的过程中，边框样式随处可见。几乎所有的元素都可以定义边框边框样式有三个属性想要为一个元素定义边框样式，必须要同时设置border-width、border-style、border-color这三个属性才有效果border-width属性用于定义边框的宽度，取值是一个像素值border-style属性用于定义边框的外观，常用属性值为除了上表的取值，还有hidden、dotted、double等等，我只列出了最常用的几个取值border-color属性用于定义边框的.
2021-07-20 21:01:06
770
原创 CSS基础笔记——文本样式
字体样式针对的是文字本身的形体效果，而文本样式针对的则是整个段落的排版效果在CSS中，常见的文本样式如下首行缩进：text-indentp元素的首行是不会自动缩进的，所以我们可以使用text-indent属性来定义p元素的首行缩进<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>字体样式</title&g.
2021-07-20 20:39:38
137
原创 CSS基础笔记——字体样式
字体类型：font-family在CSS中，我们可以使用font-family属性来定义字体类型<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>字体样式</title> <style type="text/css"> #div1{font-family...
2021-07-19 16:54:26
168
原创 CSS基础笔记——CSS选择器
CSS的选择器非常多，这里介绍讲解最实用的五种选择器：元素选择器、id选择器、class选择器、后代选择器、群组选择器元素选择器元素选择器，就是选择相同的元素，然后对相同的元素定义同一个CSS样式<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>元素选择器</title> <style ty
2021-07-19 15:44:50
145
原创 CSS基础笔记——引入方式
想要在一个页面引入CSS，一共有三种方式：外部样式表、内部样式表、行内样式表外部样式表外部样式表是最理想的CSS引入方式，在实际开发中，为了提升网站的性能速度和可维护性，一般都使用外部样式表外部样式表指的是把CSS代码和HTML代码单独放在不同的文件中，然后在HTML文件中使用link标签来引用CSS文件<link rel="stylesheet" type="text/css" href="文件路径" />rel即relative的缩写，它的取值是固定的，即stylesh
2021-07-19 14:50:49
120
原创 HTML基础笔记——表单
如果想要做出一个动态页面，我们就需要借助表单来实现在HTML中，表单标签有五种：form、input、textarea、select、option根据外观进行划分，表单可以分为以下八种：单行文本框、密码文本框、单选框、复选框、按钮、文件上传、多行文本框、下拉列表创建一个表单，与创建一个表格类似，我们也必须要把所有表单标签放在form标签内部<form> 各种表单标签</form>form标签属性属性 说明 name 表单名称 m
2021-07-18 18:26:56
1239
原创 HTML基础笔记——超链接
在HTML中，我们可以使用a标签来实现超链接<a href="链接地址">文本或图片</a>href表示你想要跳转的那个页面的路径，可以是相对路径，也可以是绝对路径<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>超链接的学习</title> </head>
2021-07-18 16:02:13
266
原创 HTML基础笔记——图片
在HTML中，我们可以使用img标签来显示一张图片。对于img标签，我们只需要掌握它的三个属性：src、alt、title<img src="" alt="" title="" />src用于指定这个图片所在路径，可以是相对路径也可以是绝对路径alt属性用于图片描述，这个描述是给搜索引擎看的，当图片无法显示时，页面会显示alt中的文字title也是用于图片描述，不过这个描述是给用户看的，当鼠标指针移到这个图片上时会显示title中的文字在实际开发中，对于img标签，src和
2021-07-18 15:32:48
74
原创 HTML基础笔记——表格
在Web1.0时代，表格常用于网页布局。但是在Web2.0中，这种方式以及被抛弃了，网页布局都是使用CSS来实现的。但是，表格在实际开发中也用的得非常多，因为使用表格可以更清楚的排列数据在HTML中，一个表格一般由三个部分组成：表格：table标签，行：tr标签，单元格：td标签<table> <tr> <td>单元格1</td> <td>单元格2</td> </tr>
2021-07-18 15:16:15
330
原创 HTML基础笔记——列表
在HTML中，列表共有三种：有序列表、无序列表、定义列表在有序列表中，列表项之间有先后顺序之分。在无序列表中，列表项之间没有先后顺序之分。而定义列表是一组带有特殊含义的列表，一个列表项中包含“条件”和“列表”两部分1.有序列表<ol> <li>列表内容</li></ol>ol即ordered list有序列表，一个有序列表可以包含多个li即list列表项，注意ol标签和li标签需要配合一起使用，不可以单独使用，而ol标签的子标签也只
2021-07-18 14:23:55
1295
原创 HTML基础笔记——文本
在上一篇文章当中我们学习了head标签，后面我们所学习的所有标签都是位于页面的“身体”body标签内在学习之前我们先了解在html里注释应该如何使用<!--注释的内容-->为关键代码添加注释是一个良好的编程习惯，在实际开发中，对功能模块代码的注释是非常重要的。在HTML中，我们主要学习如何来做一个静态页面，大多数静态页面都是由以下4种元素组成的：文字、图片、超链接、音频和视频。此外我们还要注意：不是会动的页面叫动态页面。静态页面和动态页面的区别在于是否与服务器进行数据交互
2021-07-15 18:03:14
215
原创 HTML基础笔记——head标签
//一个简单的HTML结构<!DOCTYPE html> //文档声明<html> <head> <title>标题</title> </head> <body> <p>内容</p> </body></html>head标签是网页的头部，用于定义一些特殊的内容，比如页面标题、定时刷新、外部.
2021-07-15 16:42:46
4004
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人