腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

编程

写写文章，造造轮子，推荐几篇文章的专栏~

专栏作者

772

文章

1109966

阅读量

114

订阅数

【CSS】格仔背景

CSS代码 * { margin: 0; padding: 0; } html, body { width: 100%; height: 100%; } body { background: #fff; background-image: linear-gradient(45deg, #000 25%, transparent 0, transparent 75%, #000 0), linear-gradient(45deg, #000 25%, transparent 0, transparent

企鹅号小编

2018-02-08

1.2K0

小白必知什么是css和盒模型

流计算 Oceanus css

CSS盒模型概念 CSS 盒模型也叫框模型 (Box Model) ，包含了元素内容（content）、内边距（padding，也叫填充）、边框（border）、外边距（margin,也叫边界）几个属性。 📷 橘色content是元素的内容，绿色padding是元素的内填充，黑线border是元素的边框线，蓝色margin是元素的外边距。我们在开发过程中经常会用到浏览器的调试工具，也能清楚的看到盒模型。按下F12打开调试界面， 📷 注意：我们设置的元素背景是应用在内容，填充和边框组成的区域。内边距、边框

企鹅号小编

2018-02-02

1.1K0

从 0到1，开发一个动画库（1）

作者：jshao https://segmentfault.com/a/1190000012923589 如今市面上关于动画的开源库多得数不胜数，有关于CSS、js甚至是canvas渲染的，百花齐放，效果炫酷。但你是否曾想过，自己亲手去实现（封装）一个简单的动画库？本文将从零开始，讲授如何搭建一个简单的动画库，它将具备以下几个特征：从实际动画中抽象出来，根据给定的动画速度曲线，完成“由帧到值”的计算过程，而实际渲染则交给开发者决定，更具拓展性支持基本的事件监听，如、、、，及相应的回调函数支持

企鹅号小编

2018-02-02

2K0

Cgroup原理解释及部署实例（3）

css 编程算法数据结构 node.js

Cgroup设计原理分析 CGroups的源代码较为清晰，我们可以从进程的角度出发来剖析cgroups相关数据结构之间的关系。在Linux中，管理进程的数据结构是task_struct，其中与cgroups有关的代码如清单8所示：清单8.task_struct代码 #ifdef CONFIG_CGROUPS /* Control Group info protected by css_set_lock */ struct css_set *cgroups; /* cg_list protected by

企鹅号小编

2018-02-01

9010

8个用于编写可维护，简化的前端代码的CSS策略

前言代码质量不仅适用于后端的Java或C语言，它也适用于CSS。继续阅读，了解如何编写出色的CSS！编写基本的CSS和HTML是我们作为Web前端开发人员学习的第一件事情之一。然而，我遇到过很多的应用都没有人花时间真正考虑前端开发的长久性和可维护性。我认为这主要是因为许多开发人员对CSS / HTML和JavaScript的长久维护缺乏深刻的理解。但是对于团队来说，编写可维护的前端代码是非常重要的。这篇文章的目的不在于规则手册，而在于您正在编写CSS时，更多的是要考虑事物的指南。我鼓励你找到你自

企鹅号小编

2018-02-01

1.4K0

关注专栏作者，随时接收最新技术干货

程序员的自我修养

腾讯产品运营

花落花飞去

腾讯社区运营

企鹅号小编

腾讯

前端调试必备：CHROME CONSOLE控制台的使用：诊断并记录

编程算法 javascript css

chrome console控制台日志记录是检查您的页面或应用程序的功能的强大方法。我们从console.log（）开始，探索其他高级用法。这篇文章主要讲以下几个内容：使用log（）进行基本的日志记录使用error（）和console.warn（）来引人注目的东西使用group（）和console.groupEnd（）来分组相关消息，避免混乱使用assert（）显示条件错误消息写入控制台console 使用console.log（）方法进行任何基本的日志记录到控制台。它将一个或多个表达式作为

企鹅号小编

2018-01-31

2.3K0

利用好这些代码把SEO优化做到极致，最后一个你肯定没用

seo 爬虫搜索引擎 css html

SEO 本期主题，利用好HTML代码让网站优化更上一层楼，很多人认为网站优化和代码没有什么关系，其实不然，代码和优化也有着千丝万缕的关系。如果代码这一步不弄好也会影响后期的优化。尤其是最后一个还多网站都没做这一步一、title、keywords、description这三大标签都是必不可少的，我就不在多说了标题二、H标签网站上一个页面只能有一个H1标签，而H1标签所包含的内容一定要是这个网页的主题，比如一个文章详情页，那么这篇文章的标题就可以用H1标签；H2、H3标签可以多次使用，但也不要用的

企鹅号小编

2018-01-30

5650

java基础知识，font属性css写法，代码详解！

CSS属性值字体与文本网页设计中有很多的文字要去处理，标题、段落、文章、列表以及表单中的文本。这一篇章我们讨论一下HTML中的字体与文本字体首先要有一个认识字体和文本不是一个东西哦。字体是不同的文本体式或者可以说是字的形体结构。对于英文来说有很多种不同的样式包括字母、数字和符号组成的。文本指的是通过文本属性描述对文本的处理方式。行高，字符间距，缩进等。那么网页中的字体是哪里来的呢？其中有哪些属性？文本属性中有哪些小秘密呐？来源用户机器中安装的字体保存在第三方网站上的字体（link）保存

企鹅号小编

2018-01-30

8570

类选择符和ID选择符

类选择符 📷 HTML代码： CSS代码： div { width: 200px; height: 200px; border: 1px solid #000; margin: 20px; } .one{ box-shadow: 5px 5px 3px rgba(0,0,0,.5); } 如果想让网页中某些元素的外观与其他同类标签区分开，可以使用类选择符。首先给选择符起一个名字，然后把这个名字指定给想装饰的HTML标签。例如上一个例子中，我就给第一个div命名为“one”。类选择符还能精确控制某个元素的

企鹅号小编

2018-01-29

7940

学习前端，你要学会理清思路！

css html javascript

很多人认为前端就是切个图，做个页面，写个样式，做个效果。虽然这些工作是归前端去做，但是只是一小部分，前端工作远没有这么简单。 Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。随着近两三年来RIA（Rich Internet Applications的缩写，中文含

企鹅号小编

2018-01-29

8840

前端零基础入门！前端真不难！

html css javascript

现在互联网发展迅速，前端也成了很重要的岗位之一，许多人都往前端靠拢，可又无能为力，不知所措，首先我们说为什么在编程里，大家都倾向于往前端靠呢？原因很简单，那就是，在程序员的世界里，前端开发是最最简单的编程，甚至都不能叫做编程，因为它真的很简单很简单，下面呢，我们就开始一点一点的教大家如何开始前端知识的学习（小学生都能学会的语言）！首先我们学习前端，要知道前端的三个大内容，HTML、CSS、JS，其中HTML和CSS是相互结合着学习，掌握了这两个了以后我们就算真正入门了，然后再深入学习JS等等。 📷 一、首

企鹅号小编

2018-01-29

8410

【CSS选择符】后代选择符

在学习后代选择符之前，首先要了解一下组成一个网页的HTML家谱，每个HTML标签标示其中一个家庭成员。网页中的第一个HTML标签（标签），相当于所有其他标签的始祖。和标签在标签里，所以标签是二者的祖辈。先看看一段HTML代码： Document Header A paragraph of importanttext. 以下是结构示意图 📷 祖辈：外层HTML标签是内层标签的祖辈。标签是其内部所有标签（、和标签）的祖辈。后代：标签里的其他标签是后代。标签是标签的后代，标签即使标签的后代，也是标签的后代

企鹅号小编

2018-01-29

7250

前端基础-CSS-2

上篇我们介绍了css的的由来和编写语法，并展示了一个基本的例子，这篇继续向大家展示一些例子来说明如何使用css来美化我们的页面展示，css包含非常多的样式设置，在这里我会把最基础和常用的样式设置展示给大家，上篇我们了解了div这个块元素的使用，因为div内部可以写其它标签，但如果我们像上篇一样设置，整个块里的元素都会生效，那如果我只想设置div中某个标签呢，或者我们想通过div的id或class来设置样式，另外我们常见的就是表单，那如何给表单设置样式，以及如何给一个超链接设置样式，这就是今天我们要讲的内容，

企鹅号小编

2018-01-26

9000

如何提升Web页面的性能，HTML和css代码优化！

怎么进步Web页面的功用，许多开发人员从多个方面来下手如JavaScript、图画优化、服务器配置，文件压缩或是调整CSS。很显然HTML 已经达到了一个瓶颈，虽然它是开发Web 界面必备的核心言语。HTML页面的负载也是越来越重。大多数页面平均需求40K的空间,像一些大型网站会包含数以千计的HTML 元素，页面Size会更大。怎么有用的下降HTML 代码的复杂度和页面元素的数量，本文主要解决了这个问题，从多个方面介绍了怎么编写简练，明晰的HTML 代码，能够使得页面加载更为迅速，且能在多种设备中运转良

企鹅号小编

2018-01-26

2.3K0

浅谈Web前端工程师的必备技能

html flash javascript css

一名优秀的Web前端工程师应该具备以下技能，看看你是否符合吧! 【必备】 PhotoShop/Fireworks Design 配合美工将草图形成具体的符合WebPage的设计有快速制作分层高品质PSD、PNG的能力能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码 Flash Design 基本动画效果复杂的交互体系设计，了解第三方swf辅助设计软件复杂的交互体系设计以及较强的对各类外埠资源(PNG、JPG、MP3、WAV等)的整合能力。精通部分第三方辅助设计软件(AE

企鹅号小编

2018-01-26

5300

用JavaScript 代码来做，图片切换效果！

容器 jquery css

用原生的JS写动画效果的确是个很令人纠结的事情，倒不如直接用jQuery来写，亦或找一些jQuery插件。能力达不到的时候，为了工作进度，只能采取心有不甘的手段。如果真的获得能力的提高，我认为还是必须去学习那些优秀的程序员写的优秀的代码。图片切换并不是很难，只不过要获得一些动画效果有些费力，由于本人数学不好，加之不努力，所以做起动画来很吃力。 📷 动画切换要结合JS和CSS达到想要的效果。图片切换一般涉及的CSS的定位，以及JS定时器的知识。定位方式一般定时变换幻灯片的left或者 top属性，实现图片移

企鹅号小编

2018-01-25

3.3K0

学前端，我们要学的是什么

jquery html html5 react css

前几天在知乎上看到一个帖子，“前端发展太快，有些小伙只会用react(了解api)，招个jquery熟练的外包较难，如何看？” 上面回复赞同比较多的是,“如果他会react,那么jquery他几天就可以上手”。 📷 我暂且不评价这种看法，我先来说说前端发展史吧。石器时代 - 简单的html和javascript编写静态页面，配合jsp、asp等服务端的混合开发。铁器时代 - ajax的应用，jquery的诞生，js动态加载（AMD、CMD）技术的出现。大幅提高前端开发效率。蒸汽时代- mv*框架的应

企鹅号小编

2018-01-25

1.3K0

《小白HTML5成长之路35》再做一个顶部的提示信息

最近天气干燥，小白和老朱都感冒了，虽然状态不好，小白还是没有停止HTML5前进的脚步，他憋了一股劲一定要在2018年到来之前提高一个台阶。看到老朱来到办公室，小白赶紧凑过去：“朱哥，再来点新东西吧！” 老朱哑着嗓子说道：“你先试着把昨天的弹窗增加一个出现的动画吧，正好熟悉一下CSS3动画。” 小白：“消失的动画用不用做？” “消失先不用做，消失我们用了remove直接移除了弹窗容器，就算加上css3动画也显示不出来，这块功能我们以后有时间再说。弹窗控件以后你肯定会经常使用，你可以根据以后的需求慢慢完善它

企鹅号小编

2018-01-25

1.1K0

前端学习自学笔记：day06

html bootstrap css

今天是第六天的笔记,主要是HTML和CSS的,希望大家支持~ 📷 在此之前先为大家显示下前端工程师的路线图: 📷 第六天的笔记:HTML AND CSS: text-center class属性：文本居中：例：your text btn class属性：Bootstrap风格按钮：例：按钮 btn-block class属性:使其按钮填满水平空间：例：按钮注意：添加btn-block时，也需要btn class属性。 btn-primary class属性：深蓝色：例：按钮 btn-info cl

企鹅号小编

2018-01-25

7540

也许 vue＋css3 做交互特效更简单

vue.js css javascript

1.前言做项目就难免会开发交互效果或者特效，而我最近开发的项目一直在使用，开发技术栈方面，理所当然就使用了 + 开发，过程中发现使用 + 开发特效，和 / + 的思维方式不一样，但是比 / + 简单一点点。今天就分享三个简单的小实例，希望能起到拓展思维的作用，让大家明白vue+css3应该怎样开发交互效果！如果大家有什么好的建议，或者觉得我哪里写错了，欢迎指出！文章上面的代码，虽然代码很简单，不难理解，但是也是建议大家边写边看，这样不会混乱。文章所提及的小实例，都是很基础的，大家可以参照自己的想法进

企鹅号小编

2018-01-25

8520

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态