![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 96
斜键仙
宁静致远,脚踏实地。
逆风飞翔,向阳而生。
展开
-
HTML5&CSS3基础:CSS属性值设置(7)
下面内容主要是一些网页常见的属性值设置,让我们来看看有啥呢?文章目录上篇文章第七节:CSS属性值设置一、选择器的权重1.背景2.权重比较3.权重计算4.特殊权重二、样式继承1.作用2.注意三、宽高设置1.像素2.百分比3.em和rem四、颜色单位1.颜色名称2.16进制颜色3.RGB值与RGBA值4.HSL值与HSLA值五、文档流1.概念1.文档流中元素特点总结上篇文章第6节:CSS选择器与其伪类第七节:CSS属性值设置本章内容思维导图更加详细一、选择器的权重也叫选择器的优先级,选择器.原创 2021-10-24 21:26:24 · 1367 阅读 · 0 评论 -
HTML5&CSS3基础:CSS选择器与其伪类(6)
该篇文章主要讲述了CSS样式表中常用的选择器和其中的伪类,还有选择器之间的权重,这些内容对html文件内容样式起着重要作用。文章目录第六节:CSS选择器的伪类、权重前言1、选择器1.1常用选择器1.2复合选择器1.3.关系选择器1.4.属性选择器1.5.伪类选择器1.5.1超链接的伪类1.5.2伪元素2、选择器的权重第六节:CSS选择器的伪类、权重前言从思维导图可以大概知道总结的知识内容,思维导图还有分支没展开,有需要的可自行下载。1、选择器1.1常用选择器1.2复合选择器1.3.关系选.原创 2020-12-22 18:20:27 · 297 阅读 · 1 评论 -
HTML5&CSS3基础:CSS简介和使用(4)
这里主要介绍CSS是什么以及它在网页中是如何使用的,在使用中我们又应该注意什么,在这我们对上面的内容做个总结。文章目录前言一、CSS简介(CSS3)1.简介2.版本二、使用1.语法1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、CSS简介(CSS3)前文中我们提到了网页组成的三个部分:结构(HTM.原创 2020-12-14 21:19:03 · 596 阅读 · 0 评论 -
HTML5&CSS3基础:历篇文章总目录
该篇文章主要是关于HTML5&CSS3基础的历篇文章目录与链接,方便查看基础知识内容系列文章目录第一节:课程简介链接:https://blog.csdn.net/weixin_45336315/article/details/109170426一、软件架构C/S架构(客户端/服务器)1.1 C/客户端1.1.1 客户端的形成1.2 S/服务器1.1.1 开发服务器语言1.3 架构特点B/S架构(浏览器/服务器)2.1 架构特点二、网页简史历史1.1 ...原创 2020-12-10 10:05:31 · 167 阅读 · 1 评论 -
HTML5&CSS3基础:HTML的图片、音频、视频(3)
该篇文章对图片、音频、视频的格式作了个简单总结,主要还是说明这三者在html中如何使用。文章目录总目录第四节:HTML的图片、音频、视频前言一、图片1.格式2.引用(标记)3.示例二、音频1.格式2.使用(标记)3.示例三、视频1.格式2.使用(标记)3.示例总目录点击访问总目录第四节:HTML的图片、音频、视频前言从思维导图可以大概知道总结的知识内容,思维导图还有分支没展开,有需要的可自行下载。网盘链接:https://pan.baidu.com/s/1LwUeEadq7cYOR...原创 2020-12-10 10:02:40 · 672 阅读 · 0 评论 -
HTML5&CSS3基础:HTML的列表,超链接(2)
该篇文章主要对HTML的列表和超链接进行知识小结,包含了几种列表和超链接的定义、组成、格式等。文章目录第一节:课程简介第三节:HTML的简介、标记、属性前言一、列表1. 无序列表1.1 标记组成1.2 标记属性1.3 语法格式及用法2. 有序列表2.1 标记组成2.2 标记属性2.3 语法格式及用法3.定义列表3.1 标记组成3.2 语法格式及用法4.列表嵌套二、超链接1. 超链接标记2. 文件路径3. 超链接其它用法第一节:课程简介点击访问第一节内容第三节:HTML的简介、标记、属性...原创 2020-12-06 17:52:37 · 602 阅读 · 1 评论 -
HTML5&CSS3基础:HTML的简介、标记、属性(1)
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例原创 2020-11-29 17:56:44 · 418 阅读 · 0 评论 -
Bootstrap练习:京东商城轮播图
练习:京东商城的一个轮播图效果,可以自动切换图片和点击切换图片,主要运用了Bootstrap的Carousel插件与js插件等知识内容,练习源文件下面有下载链接。目录前言一、练习1、目标图:2、分析结构:二、代码实现1、源码:2、运行效果:小结下载链接前言一、练习1、目标图:最终要实现的一个效果2、分析结构:1.该网页由三部分构成,分别为图片、左右控制箭头、圆点指示符。2.结构所包含的内容: 1)图片:一共有8张图片,它们都叠加在一起 .原创 2020-11-17 23:10:32 · 1290 阅读 · 0 评论 -
HTML5&CSS3基础:课程简介
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结# 系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言一、pa原创 2020-11-10 13:35:36 · 937 阅读 · 0 评论 -
练习:网易新闻列表
练习:网易新闻列表,用到了两个关键知识点,一个是行内块元素(inline-block),另一个是伪元素(::before),练习源文件下面有链接。目录前言一、练习1、效果图:2、文件目录:二、效果实现1、源码:2、运行效果:总结下载链接前言该练习的结构看个人习惯,不仅限于下面的,主要注意下面的两种颜色边框重叠,还有通过伪元素设置列表标记的样式。一、练习1、效果图:2、文件目录:二、效果实现1、源码:1_index.html文件代码如下:<!DOCTYPE html>.原创 2020-11-09 13:39:52 · 579 阅读 · 0 评论 -
练习:京东商城左侧导航栏_1
练习:京东商城左侧导航栏,运用了css的简单布局,以及当鼠标移到li标签时有一个背景效果,练习源文件下面有链接。目录前言一、练习1、效果图:2、文件目录:二、效果实现1、源码:2、运行效果:总结下载链接前言该练习,可以采用nav(div)、div(div)、ul(li)等几种结构,看个人喜欢,我下面用的是ul(li)。一、练习1、效果图:2、文件目录:二、效果实现1、源码:1_index.html文件代码如下:<!DOCTYPE html><html la原创 2020-11-08 16:31:08 · 2328 阅读 · 0 评论 -
Bootstrap练习:百度登录框
练习:点击登录,弹出一个登录表单,运用到了bootstrap模态框知识和js的插件,练习源文件在下面给出自行下载。目录一、练习目录结构二、练习源码三、运行效果小结一、练习目录结构二、练习源码index.html文件代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=原创 2020-11-03 18:00:01 · 2730 阅读 · 0 评论