个人博客css

基础概念

CSS（Cascading Style Sheets）是一种样式表语言，用于描述HTML或XML（包括SVG、MathML等各种XML方言）文档的外观和格式。CSS描述了如何在媒体（如屏幕、打印机）上展示元素。

类型

内联样式：直接在HTML元素中使用style属性定义样式。
内联样式：直接在HTML元素中使用style属性定义样式。
内部样式表：在HTML文档的<head>部分使用<style>标签定义样式。
内部样式表：在HTML文档的<head>部分使用<style>标签定义样式。
外部样式表：将CSS代码放在单独的文件中，并通过<link>标签引入HTML文档。
外部样式表：将CSS代码放在单独的文件中，并通过<link>标签引入HTML文档。

应用场景

网页布局：使用CSS可以创建各种复杂的网页布局，如浮动布局、网格布局、Flexbox布局等。
响应式设计：通过媒体查询（Media Queries）实现不同设备上的自适应布局。
动画效果：使用CSS3可以创建各种动画效果，如过渡（Transitions）、动画（Animations）等。
表单样式：美化表单元素，提升用户体验。

常见问题及解决方法

问题：CSS样式没有生效

原因：

选择器错误：选择器没有正确匹配到目标元素。
样式覆盖：其他样式覆盖了当前样式。
文件路径错误：外部样式表文件路径不正确。
缓存问题：浏览器缓存了旧的CSS文件。

解决方法：

检查选择器是否正确。
检查选择器是否正确。
使用!important提高样式的优先级。
使用!important提高样式的优先级。
确保外部样式表文件路径正确。
确保外部样式表文件路径正确。
清除浏览器缓存或使用无痕模式。

问题：CSS动画不生效

原因：

浏览器兼容性：某些CSS属性或特性在旧版浏览器中不支持。
语法错误：CSS动画语法错误。
样式覆盖：其他样式覆盖了动画样式。

解决方法：

使用浏览器前缀或选择支持新特性的浏览器。
使用浏览器前缀或选择支持新特性的浏览器。
检查CSS动画语法是否正确。
检查CSS动画语法是否正确。
确保动画样式没有被其他样式覆盖。

参考链接

通过以上内容，你应该对个人博客中CSS的基础概念、优势、类型、应用场景以及常见问题有了全面的了解。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

java基于ssm的个人博客系统个人博客网站个人博客项目源码

简介 Java ssm开发的个人博客系统，可以发布博客，照片，站长留言。演示视频 https://www.bilibili.com/video/BV1sf4y1y7Ne/?...share_source=copy_web&vd_source=ed0f04fbb713154db5cc611225d92156 技术 mysql,SSM,css,js,jq 功能简单版(个人)：网站功能...：登录，上传照片，发布博客，首页，博客详情,注册，照片管理，博客管理，给站长留言，查看留言,分页，编辑博客，删除博客，删除照片，分页展示博客和照片，分页展示站长留言，修改登录密码。...增强版角色管理员+注册用户添加功能：博文浏览量，博文评论，用户可以删除自己的评论，博主可以管理该博文以下的所有评论，搜索博文，博客首页展示用户头像，昵称，上传头像，修改基本信息，相册显示用户头像昵称

2.1K0 0

个人博客案例

背景很多人都希望能有自己的博客，但是搭建一个博客需要大量的人力物力，比如说，需要一台一天24小时运行的服务器，需要购买一个域名，备案，自己需要运维服务器，需要繁重的开发工作，从前端到后端事无巨细。...方案设计可以采用腾讯云函数实现，通过Hexo和腾讯云函数能快速构建自己的个人博客。...serverless 安装Hexo $ npm install -g hexo-cli 初始化项目 $ hexo init hexo # 生成hexo目录 $ cd hexo $ npm install 生成博客页面...region: ap-guangzhou website: https://xxx.ap-guangzhou.myqcloud.com 25s › hexodemo › Success 修改博客内容即可

1.6K4 0

搭建个人博客

——快速搭建属于自己的个人博客思路如下： 1.拥有一台虚拟主机或者云服务器，拥有自己的域名 2.将域名解析到虚拟主机或云服务器 3.上传下载的wordpress的源码并进行相关配置 4.上传博客主题简单的四步...，你便拥有了属于自己的个人博客~ 虚拟主机+WordPress搭建如果没有其他需求的话，虚拟主机无疑是最好的选择，成本低而且便于操作，下面我以虚拟主机+wordpress 来进行演示：虚拟主机...大陆外的主机更新于2023年2月1日：我重新搭建了个人博客，原因是原白嫖的美国主机不稳定，故更换为香港，页面加载速度也极大提升了，忠心劝告：第一次就把机子搞好点，否则迁移博客很麻烦，流泪提示！！！...还有一些个性化的配置，在左下角的Argon主题选项如果懒的话，可以直接用我的（我把它放到最下面了，因为我的各种设置有点多，都是在网上搜集到的，以及自己探索出来的[doge]）那么，恭喜你，快速搭建了个人博客...,汐语の小栈,汐语的小栈,汐语的小站","argon_seo_keywords":"汐语,Blog,个人博客,汐语の小栈,汐语的小栈,汐语的小站","argon_article_meta":"time|

2.1K3 0

个人博客搭建

0x001 效果演示 0x002 简单介绍前前后后大概花了一周多的时间，目前个人博客已经完善的差不多了，现在写个文章做个阶段总结，后续如果有更新的地方，会及时补充。...在此开源博客的基础上做了改进，修复了一些bug，顺利搭建完成了我的个人博客。大家对此主题有兴趣的可以下载源代码，搭建属于自己的个性化博客。...个人博客演示：http://luckyzmj.cn 0x003 Hexo 初级搭建 1. 安装Git Git是目前世界上最先进的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。...当文章没有设置特色图时，本主题会根据文章标题的 hashcode 值取余，来选择展示对应的特色图我认为个人博客应该都有自己的风格和特色。...以下列出了可能对你有用的地方：修改主题颜色在主题文件的 /source/css/matery.css 文件中，搜索 .bg-color 来修改背景颜色： /* 整体背景颜色，包括导航、移动端的导航、

2.3K14 0

个人博客搭建

个人博客搭建作者：张首富时间：2020-10-09 w x：y18163201 邮箱：zsf18163201@163.com 博客地址： blog.zhangshoufu.com [TOC] blog...效果展示 www.zhangshoufu.com blog.zhangshoufu.com 博客、笔记编写介绍安装 Typora 软件官网地址为： https://typora.io/ 这个软件目前支持...通过BlogHelper 自动发布到网站下载下来配置好自己要发布的网站之后进行发布，我们这里使用的是博客园，美化博客园使用BNDong 来美化博客园达到我们上面的效果，项目地址: https:/...再到域名解析网站上把 www.zhangshoufu.com解析成CNAME为shoufuzhang.github.io然后我们就可以通过自己的域名访问博客园了。...通过DNS解析直接访问博客园我们在阿里云上面配置一个隐性URL 解析就行，在DNS 解析里面设置，然后就可以正常访问。 ? 截至我们的博客就搭建完成了，如果部署中有问题请联系我微信，或者邮箱

1K7 3

搭建个人博客

博客的开始其实，一切都是为了更好的装逼。好吧，我着相了。最开始想做一个自己博客，主要是因为看到了很多人都有，觉得自己没有太 Low 了。...于是申请了 CSDN 的用户，但是太丑了，于是又申请了博客园，感觉这些都不是我想要的，而做为一个 Emacser 不使用 Github 搭建一个自己的博客，感觉就已经落伍了。...于是就有这最初的一个，相当简陋的利用 Emacs 的 Org-mode 搭建的博客，后来看了 Org-page 这个包，但是，我配置不好啊！为什么为什么！...博客的生活我很喜欢调试自己的博客，但是写博客就不是那么喜欢了，但是我希望能养成一个定期写博客的习惯。...所以，我需要博客，主要是用来装…咳，主要是用来记录我们的生活、工作的内容，这样在下次使用的时候，就能更好的做到了。

1.1K2 0

个人博客搭建

作者：张首富时间：2020-10-09 w x：y18163201 邮箱：zsf18163201@163.com 博客地址： blog.zhangshoufu.com TOC blog 架构介绍 [image...-20201009205539734] 效果展示 www.zhangshoufu.com blog.zhangshoufu.com 博客、笔记编写介绍安装 Typora 软件官网地址为： https:...通过BlogHelper 自动发布到网站下载下来配置好自己要发布的网站之后进行发布，我们这里使用的是博客园，美化博客园使用BNDong 来美化博客园达到我们上面的效果，项目地址: https:/...通过DNS解析直接访问博客园我们在阿里云上面配置一个隐性URL 解析就行，在DNS 解析里面设置，然后就可以正常访问。...[image-20201009213254124] 截至我们的博客就搭建完成了，如果部署中有问题请联系我微信，或者邮箱

1.1K4 3

求一个网页设计作业——个人博客(HTML+CSS)

✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主关于作者: 历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。...一套优质的网页设计应该包含 (具体可根据个人要求而定) 页面分为页头、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分。所有页面相互超链接，可到三级页面，有5-10个页面组成。...其中：（1）html文件包含：其中index.html是首页、其他html为二级页面；（2） css文件包含：css全部页面样式,文字滚动, 图片放大等；（3） js文件包含：js实现动态轮播特效...DOCTYPE html> 博客世界 css/style.css" /> <div

3604 0

搭建 WordPress 个人博客

因为我的两个站点之前都不是搞纯技术的，现在全部搞成了Linux技术博客，好多人也非常想建立自己的博客。...说实话我之前的站点第5篇文章以内几乎都是讲如何建站很详细（也是为了防止后期忘掉），现在既然进来这个门了，咱们就踏踏实实的用真正的技术搞个wordpress博客！...准备 LNMP 环境 LNMP 是 Linux、Nginx、MySQL 和 PHP 的缩写，是 WordPress 博客系统依赖的基础运行环境。...恭喜，您的 WordPress 博客已经部署完成，您可以通过浏览器访问博客查看效果。...通过IP地址查看：博客访问地址：http:///wp-admin/install.php 通过域名查看：博客访问地址：http://www.yourdomain.com/wp-admin

2.3K7 0

个人博客搭建心得

本文长度为 1855 字，建议阅读 5 分钟搭建博客的初衷我是从18年开始写博客，最初的平台选择在博客园，界面比较清爽，但是博客园主要是针对互联网软件行业的，我发的内容相对来说偏硬件，后来转战CSDN...博客框架的选择对于我这种前端大白，一直搞底层的C和汇编，再去学习HTML+CSS+JS，太难了，不过还好，就像Arduino让电子爱好者无需懂太多编程知识就可以做出作品，现有的很多博客框架可以让我们无需写一行前端代码即可搭建出博客...Github 等代码托管平台上，加上这些平台提供的免费 Page 服务，不用花一分钱就可以拥有一个好看易用的个人博客，何乐而不为呢我的个人博客基本配置域名：mculover666.cn 国内分流...如果不是因为如此丰富的主题模板和插件，不可能获得如此广的应用；其次来看我所使用的Next主题，本来就是一个主题而已，也并不是特别好看，只要懂点网页知识都可以写出来，但是它集成了特别多的第三方服务，使用服务时变得非常方便，这些服务一个人是写不上去的...整个博客搭建完成后，在自己的地盘上可以为所欲为，再也不用受平台限制了，这个博客我准备搬运过来一些以前写过的好文章，后续我还是会以CSDN的博客为主阵地，写日常的工作博客，个人博客主要是分享一些心得体会，

2.8K5 0

个人博客制作简介

个人博客制作简介大家好，我是架构君，一个会写代码吟诗的架构师。今天说一说个人博客制作简介,希望能够帮助大家进步!!!...个人博客制作简介一、写在前面很久之前自己就做了个人博客了，但是种种原因，没有把自己的制作过程整理记录下来，时间长了重装系统，这些步骤都比较生疏了，导致再想重新捡起有点困难，不过还是尽量回忆整理一下...这是因为我们的个人博客为了节省成本，其实是嵌套到github上面运行的，言外之意，github才是我们的服务器，博客的模式是B/S模式访问。...，然后使用命令初始化： hexo init 博客名（最好英文）此时会在该文件夹下创建这样名称的博客，并且生成一些附属文件。...不蒜子可以给任何类型的个人站点使用，对于hexo，打开themes/主题/layout/_partial/footer.ejs添加上述脚本即可，当然也可以添加到 header 中。

1.1K2 0

如何建立个人博客？

想必很多人都想建立一个，属于自己的个人博客，把自己的一些学习的经验和经历，通过互联网的形式来分享给别人。...通过分享与网友进行互动，让更多的人了解和认识你，并且树立自己在互联网上的个人品牌，其实这就是一种“自媒体”。那么我们怎么去建立自己的自媒体博客呢？我认为：首先得先明白建立一个博客的流程是什么？...那么常见的个人博客系统有哪些呢？博客后台系统的选择，取决你空间服务器是PHP的还是ASP的。...策划和设计网站效果图很多人可能会说：既然那些博客系统，都有现成的主题，那还需要自己亲自DIY设计博客的效果图吗？那是因为网上的主题鱼龙混杂的，毕竟每个人的审美观不一样，需求也不一样！...PS：建立一个个人博客，其实跟建立网站流程是一样的。只有你真正的了解这套开发流程，才知道网站是怎样做出来的。如果你还在结纠，自己如何独立开发一个网站或者博客。那么你可以从代码部分开始学习。

7.7K9 0

hexo搭建个人博客

搭建个人博客有很多种方式，最老牌的当属wordpress，功能丰富，但过于笨重。我想要的只是最简单的显示文章以及搜索功能，当然，样式要简洁漂亮，而且必须支持markdown语法。...Subscriber wechat_subscriber: enabled: true qcode: /images/avatar.png description: 欢迎您扫一扫上面的微信公众号，订阅我的博客...# - disabled disable all CSS styles import of note tag....: //cdn.bootcss.com/pace/1.0.2/themes/blue/pace-theme-flash.min.css pace: pace_css: # Internal...: css js: js images: images # Theme version version: 5.1.4 配置文件中用到了头像、分类页、关于页、本地搜索插件、微信二维码、本地搜索插件。

4.9K7 0

Hexo 个人博客搭建

hexo Github Pages博客搭建全过程**声明：** 演示环境为Ubuntu 16.04，记录时间为16～17年。创建仓库!NOTE目的是使用GitHub Pages来部署我们的博客。...创建博客文件夹在此目录下管理自己的博客源码mkdir blogcd blog初始化hexohexo init安装依赖包cnpm install生成静态页面hexo g启动本地服务器hexo s上面2条命令也可以结合为...://damit5.github.io/---自定义域名配置注：该域名为几年前我用的域名，最新的域名是gm7.org现在已经可以通过 https://yourname.github.io 来访问自己的博客站点啦

4783 0

个人博客主题美化

个人博客主题美化选择主题 Hexo默认的主题是landscape，推荐以下主题： snippet Hiero JSimple BlueLake 详见：https://github.com/search...每篇博客。...运行hexo g&&hexo d推送到博客。 gitment (如果博客搭建再码云上不能运行,个人没有解决) 4.1. 安装插件： npm i --save gitment 4.2....申请应用在New OAuth App为你的博客应用一个密钥: Application name:随便写Homepage URL:这个也可以随意写,就写你的博客地址就行Application description...:描述,也可以随意写Authorization callback URL:这个必须写你的博客地址 4.3.

1.3K1 0

Vercel部署个人博客

Vercel 部署静态资源网站极其简单方便，并且有可观的访问速度，最主要的是免费部署。

3.6K3 0

个人博客美化教程

document.body.style.overflow="visible",$("#Loadanimation").fadeOut(540)},500)}); 6.添加网站logo扫光（注意这个是joe主题的示例,如果是其它博客的需要将

1.1K6 0

Hexo搭建个人博客

Hexo 搭建个人博客 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 0....双线部署到 GitHub 和 Coding 本博客已迁移到 ECS, 部分功能可能失效，请注意！...Hexo 优化图床本博客图床已迁移到 OSS, 部分功能可能失效，请注意！随着博客内容的增加，文章图片的数量也不断增长，如何引用存储图片就成了一个问题。...搭建博客图床详见：搭建博客图床 Hexo 插件 Hexo 本身提供了一个框架，通过丰富的拓展插件，能够进一步优化使用体验，你可以在 Hexo 插件中寻找适合你的拓展。...Hexo 常用插件推荐详见：Hexo 常用插件推荐 ---- 部署流程下面是我个人的部署流程，基本实现了全自动化部署（Python 脚本实现），只需要将新的 MD 文件、图片、静态文件等放到指定目录下即可

9473 0

hexo搭建个人博客

大概流程：搭建 Node.js 环境搭建 Git 环境 GitHub 注册和配置安装配置 Hexo 关联 Hexo 与 GitHub Pages GitHub Pages 地址解析到个人域名 Hexo...如果 http://localhost:4000 能够正常访问，则说明 Hexo 本地博客已经搭建起来了，只是本地哦，别人看不到的。下面，我们要部署到Github。 ?...server被单独出来了，需要安装server，安装的命令如下： sudo npm install hexo-server 或者 npm install hexo -server --save 配置Git个人信息...现在你已经可以通过 SSH 链接到 GitHub 了，还有一些个人信息需要完善的。...GitHub 也是用这些信息来做权限的处理，输入下面的代码进行个人信息的设置，把名称和邮箱替换成你自己的。

1.1K1 0

个人博客折腾记

个人博客，也折腾了3年多了吧，不说已经特别稳定了，但起码也做成了自己满意样子，后续还需要继续调整。虽然现在的博客看似简单，并且用的模板，但在博客的这条路上也花了不少时间，饶了很多弯路，踩了不少坑。...这里回忆一下我折腾博客的辛酸历程~~ 域名折腾篇大二寒假(2015年初)买了域名，hchstudio.cn，前三个字母当然是我名字的首字母喽，studio是工作室，意思是我的个人博客吧，话说这个域名也是模仿那位薛总的...，这是他的博客：边月博客。...使用模板，即便于维护，也可以把精力投到博客内容上来。便成了现在博客的样子。...链接持久化博客文章链接需要注意一下几个问题：链接最好不要包含中文后缀最好是html 一篇博客的链接发布后就不要改变博主因为这个问题升级了好几次博客，导致博客链接改变，幸辛苦苦攒的浏览量和评论也都没有了

1.2K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

个人博客css

基础概念

相关优势

类型

应用场景

常见问题及解决方法

问题：CSS样式没有生效

问题：CSS动画不生效

参考链接

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐