guolulu66
码龄6年
求更新 关注
提问 私信
  • 博客:9,677
    9,677
    总访问量
  • 5
    原创
  • 1
    粉丝
  • 7
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:广东省
加入CSDN时间: 2019-06-14
博客简介:

guolulu66的博客

查看详细资料
个人成就
  • 获得9次点赞
  • 内容获得2次评论
  • 获得23次收藏
  • 博客总排名618,799名
创作历程
  • 12篇
    2020年
成就勋章
TA的专栏
  • CSDN
    4篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

兴趣领域 设置
  • 大数据
    flink
  • 人工智能
    opencv语音识别计算机视觉机器学习深度学习神经网络自然语言处理tensorflowpytorch图像处理nlp数据分析
创作活动更多

王者杯·14天创作挑战营·第2期

这是一个以写作博客为目的的创作活动,旨在鼓励码龄大于4年的博主们挖掘自己的创作潜能,展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴,那么,快来参加吧!我们一起发掘写作的魅力,书写出属于我们的故事。 注: 1、参赛者可以进入活动群进行交流、分享创作心得,互相鼓励与支持(开卷),答疑及活动群请见https://bbs.csdn.net/topics/619735097 2、文章质量分查询:https://www.csdn.net/qc 我们诚挚邀请你们参加为期14天的创作挑战赛!

66人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

CSS background-origin属性

我在讲解background-position属性时引出了背景图片坐标系的应用。当时说背景图片是相对于坐标原点定位的,而这个坐标原点就位于border-box区域的左上起点,其实这是不严谨的。因为那是默认情况下,而这里要讲解的background-origin属性就是控制这个坐标原点的位置的。Origin有“起源”的意思,而background-origin就有“背景图片起点”的意思。它是告诉浏览器background-position是相对于哪里定位的。有人会想到background-repeat属性
转载
发布博客 2020.10.13 ·
1030 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

absolute和fixed的区别

fixed:固定定位absolute:绝对定位区别很简单:1、没有滚动条的情况下没有差异2、在有滚动条的情况下,fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动常用场合:1.fixed固定定位,只针对浏览器窗口定位,上下左右,不会随着窗口大小改变,固定不变,例如固定位置的小广告,常用于网站边缘的公司联系方式和快速回到顶部2.absolute绝对定位,脱离文档流,没有父元素,上下左右设置是针对于浏览器窗口,不占据位置,会随着窗口大小与页面一起改变...
原创
发布博客 2020.10.13 ·
730 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

巧妙运用clip-path,实现CSS形状变换

CSS3的“clip-path”,这个“clip-path”看起来有点眼熟,因为它原本就存在于SVG里头,利用掩码(剪裁)的方法,连接坐标绘制掩码区域,就可以做出许多不同的形状,让底色或底图显现,随着浏览器对于CSS3的支持度大幅提升,自然而然的就可以用它来做些与众不同的变化。运用clip-path超强的网站最先看到这个属性的应用,是从这个网站看到的:species-in-pieces.com/,不得不说这个网站做得实在太神了,一开始看到还真以为是用SVG做的,没想到竟然是用CSS刻出来的…真是太惊人啦
转载
发布博客 2020.10.13 ·
636 阅读 ·
0 点赞 ·
1 评论 ·
4 收藏

两种属性选择器的区别

[attribute~=value] 用于选取属性值中包含指定独立单词的标签。 <p title="我是首富">我是马云</p> <h1 title="我是">我是马化腾</h1> <h2 title="我是 吗">我是李彦宏</h2> <h2 title="我是吗 李 想">我是李想</h2> css代码如下:[title~="我是"]{ background: blue; border:
原创
发布博客 2020.10.09 ·
403 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

css样式的书写顺序及原理——很重要!

记得刚开始学习前端的时候,每次写css样式都是用到什么就在样式表后添加什么,完全没有考虑到样式属性的书写顺序对网页加载代码的影响。后来逐渐才知道正确的样式顺序不仅易于查看,并且也属于css样式优化的一种方式。那么是怎么个顺序呢?(1)定位属性:position display float left top right bottom overflow clear z-index(2)自身属性:width height padding border margin backg
转载
发布博客 2020.10.08 ·
228 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

HTML元素margin、padding的默认值

HTML元素margin、padding的默认值elementmargin(单位像素)padding的默认值html00body80div00h1210h219 0 19 00h318 0 18 00p16 0 16 00ul16 0 16 00 0 0 40li00td01dl16 0 16
原创
发布博客 2020.10.08 ·
1493 阅读 ·
4 点赞 ·
0 评论 ·
6 收藏

CSS中的继承

CSS中的继承一、无继承性的属性二、有继承性的属性三、所有元素可以继承的属性四、内联元素可以继承的属性五、块级元素可以继承的属性继承:子元素继承父元素的样式,但是并不是所有属性都是默认继承的。通过文档中的 inherited:yes 来判断属性是否可以继承,关于继承可以参见css的继承关键字:一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴
原创
发布博客 2020.10.08 ·
162 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

块级元素、行内元素、行块级元素

块级和行内元素的简单认识标签分为两种等级:行内元素和块级元素的区别:行内元素:块级元素:块级元素和行内元素的分类:在HTML的角度来讲,标签分为:从CSS的角度讲,CSS的分类和上面的很像,就p不一样:标签分为两种等级:        1,行内元素。   2,块级元素。行内元素和块级元素的区别:行内元素:与其他行内元素并排不能设置宽高,默认的宽度就是文字的宽度块级元素:霸占一行,不能与其他任何元素并列
原创
发布博客 2020.09.21 ·
2994 阅读 ·
4 点赞 ·
0 评论 ·
7 收藏

CSS的inline、block与inline-block

基本知识点基础知识点一、行内元素与块状元素之间的转换1. float: 当把行内元素设置完float:left/right后,该行内元素的display属性会被赋予block值,且拥有浮动特性。行内元素去除了之间的莫名空白。2. position: 当为行内元素进行定位时,position:absolute与position:fixed.都会使得原先的行内元素变为块级元素。3 .display:(1)、块级标签转换为行内标签:display:inline;(2)、行内标签转换为块级标签:display:bl
转载
发布博客 2020.08.30 ·
318 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

CSS权重以及特殊值计算方法

特殊性 css继承是从一个元素向其后代元素传递属性值所采用的机制。确定应当向一个元素应用哪些值时,浏览器不仅要考虑继承,还要考虑声明的特殊性,另外需要考虑声明本身的来源。这个过程就称为层叠。——《css权威指南》
转载
发布博客 2020.08.20 ·
328 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

csdn Markdown常用语法

  markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。1. 实现缩进两种方案手动输入空格 (&nbsp; &emsp ;)。注意!此时的分号为英文分号,但是不推荐使用此方法,太麻烦!使用全角空格(切换快捷键shift+空格)。即:在全角输入状态下直接使用空格键就ok了2. 实现换行两种方案两个回车即可使用< br >3. 字体大小、颜色、类型、加粗、倾斜< font size=
转载
发布博客 2020.08.20 ·
152 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

路径中 斜杠/和反斜杠\ 的区别

路径中 斜杠/和反斜杠\ 的区别最近在项目中遇到了一个小问题,纠结了半天。路径中使用斜杠/和反斜杠\的区别到底是什么。查阅了一些资料后可知。Unix使用斜杆/ 作为路径分隔符,而web应用最新使用在Unix系统上面,所以目前所有的网络地址都采用 斜杆/ 作为分隔符。Windows由于使用 斜杆/ 作为DOS命令提示符的参数标志了,为了不混淆,所以采用 反斜杠\ 作为路径分隔符。所以目前windows系统上的文件浏览器都是用 反斜杠\ 作为路径分隔符。随着发展,DOS系统已经被淘汰了,命令提示符也用的
转载
发布博客 2020.07.30 ·
1202 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏