前面我们学习了 HTML 的常用标签，在使用 HTML 标签属性的时候对网页进行修饰的方式存在很大的局限和不足，因为我们所有的样式都是写在标签中，这样既不利于代码的阅读，将来维护代码也非常困难。如果希望网页美观、大方、维护方便、就需要使用 CSS 实现结构与表现的分离。
CSS技术： 1.简介：他是层叠样式表。Cascading stytle sheet,他的作用是增强网页的显示效果。 目的：使用CSS让网页内容和样式分离，便于网站代码后续的维护。 书写规范： 选择器[属性1: 值1; 属性2: 值2; ] 2.CSS样式的引入方式 CSS不能单独使用，必须和html网页配合使用，引入css有四种方式：链入式、行内式、内嵌式、导入式。 1.行内式：直接在html标记里面使用CSS样式 语法：div的行内式效果 2.内嵌式：
内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下：
我们将样式代码从标签 style 属性中抽取出来，统一写入到 style 标签中。
1、概念：css（cascading style sheets），通常称为css样式表或层叠样式表（级联样式表）。
仿照着WPMEE文章底部的公众号模块写的，之前扒了扒css，一直有问题就放在那里了，今天突然开窍。就自己试着写了一下。
HTML5不仅仅是HTML规范的最新版本，它也代表了一系列Web相关技术的总称，其中最重要的三项技术就是HTML5核心规范、CSS3（Cascading StyleSheet，层叠样式表的最新版本）和JavaScript（一种脚本语言，用于增强网页的动态功能）。
携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第21天，点击查看活动详情 >>
CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
而且。。。。。 CSS 做的很出色，如果JavaScript是网页的魔法师，那么CSS它是我们网页的美容师，不信，你看:
1.图像标记 1.1 <img src="图像URL“/> src指定图像文件的路径和文件名，它是img标记的必需品。 1.2 文本属性 alt ：在图像无法显示时告诉用户该图片的内容。 1.3 图像的宽高属性 width，height 两者不能同时使用 1.4 图像的边框的属性 border ：可以为图像添加边框，设置边框的宽度，但边框颜色的调整仅仅通过HTML属性时不能通过的。 1.5 图像的边距属性 vspace 和hspace 1.6图像的对齐方式用align表示 2.相对路径和绝对路径 1.绝对路径 绝对路径一般是指带有盘符的路径
3.在input表单控件中，value和placeholder的区别是什么？ 答： placeholder: 表示在输入框中显示的提示信息，用户点击之后，提示信息就会消失。 value: 叫做默认值，当用户想要在输入框中输入信息的时候，必须先手动的删除value的值 。
也称为内嵌式，将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义。
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第九章 CSS中的各种样式 案例 09-01 字体的font-family属性 <!DOCTYPE html> <html> <head
我们都知道聊天记录为QQXML消息类型，这一类消息被称为QQ卡片消息，发多了会造成消息屏蔽或其他后果，那我们看到有趣的聊天记录又想分享给朋友怎么办呢？( 我就知道你个老色批想多了 )，这时如果把聊天记录转成短链接的形式发给朋友就不会有任何影响了，今天强仔教你如何把QQ聊天记录转为短链接。
所有的html标签中，表单标签是最重要的。在实际开发中，最经典的实例就是用户注册，覆盖了表单标签的所有的元素。效果图如下：
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第八章 CSS基础 案例 08-01 CSS的基本语法 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>CSS的基本语法</title> <style type="text/css"> bod
2.解压文件，找到dist下的wow.min.js文件用于链接到页面中使用WOW.js
文档是开发过程的最佳组成部分。 Sphinx与Tox一起，使得它易于编写，易于欣赏。
实现效果：当鼠标移到不同的一级菜单，会显示相应的二级菜单，鼠标移走，二级菜单消失。
本文目录 背景样式 文本样式字体样式列表样式表格样式轮廓样式参考 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
1）基础 学习目的： 1. 客户端表单验证 2. 页面动态效果 3. jQuery的基础 什么是JavaScript？ 一种描述性语言，也是一种基于对象和事件驱动的，并具有安全性能的脚本语言 javaScript是一种基于对象和事件驱动的,并具有安全性能的脚本语言 解释执行 javaScript特点 向HTML页面中添加交互行为 脚本语言,语法和java类似 解释性语言,边执行边解释 javascript的基本结构 语法 <script type="text/javascript"> <-----javas
最近视频看的差不多了，就是一直没总结，这几天在上班之余，偷偷地总结吧，毕竟一些大牛已经快起飞了。
在企业中，各个研发部门往往各自开发自己的应用。当需要把这些应用聚合在一起时。以往的解决方案是在主应用中嵌入 iframe，使用 iframe 加载和切换子应用页面。 这种做法有几个缺点：
项目做大之后，开发者会更多专注在业务逻辑上，其他方面则尽力使用第三方JS库来实现。
一、介绍 暗链也称黑链，即隐蔽链接，是黑帽SEO的作弊手法之一，其目的就是利用高权重网站外链来提升自身站点排名。 一般来说，暗链是由攻击者入侵网站后植入的，暗链在网页页面上不可见或者极易被忽
在充满活力的 Web 开发世界中，创建引人入胜且交互式的用户体验至关重要。通过使用动画是实现这一目标的强大方式之一。在本文中，我们将探讨如何使用 CSS 和 JavaScript 的组合创建交互式 Web 动画。
WebStorm2023是一款专业的HTML编辑工具，在html5和JavaScript 方面也很出色。可以说是“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”。新版对JavaScript，TypeScript和CSS支持更好，改进了Vue.js的体验，并为Jest集成增加了新功能。
一、图片大小 在CSS中，我们可以使用width、height属性来定义图片的大小。 1.实际开发 在实际开发中，需要使用多大的图片，就用Photoshop制作多大的图片。 （1）性能优化 不建议使用一张大图片，然后再借助width、height属性来改变大小。 因为一张大图片体积太大，会使页面加载速度变慢，这是性能优化方面的考虑。 二、图片边框 在5.边框样式-CSS基础 中，已经介绍过几乎可以对所有元素定义边框，也举出了对图片加上边框的例子，用border属性定义边框。 1.
理论上针对不同类型的网站，优化网站的策略是不完全相对，但基于搜索引擎网站排名的原理，对于任何一个网站优化流程，都可以参考如下方法：
本文目录 简介 快速入门参考 简介 关系 HTML用于展示网页内容（毛坯房）。 CSS用于控制样式（装修工）。 Javascript控制行为（智能家电）。 定义 全称：Cascading Styl
本文目录 使用方法 行内样式/内联样式内部样式外部样式表导入式对比优先级总结参考 行内样式/内联样式 <!DOCTYPE html> <html> <head> <meta
本文目录 继承 层叠命名规范参考 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>继
本博客使用的是Hugo的LoveIt主题，本文也是基于该主题而写的，不过Hugo的美化步骤应该大同小异，版本如下：
HTML相关问题 1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言 最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML
这也是接着 上一篇 文章的那个面试题，不过判断邮件是否被打开是与使用什么语言无关的，只是一种解决思路。
Nicholas Zakas是一位 JS 大师，Yahoo! 首页的前端主程。他是《高性能 Javascript》的作者，这本书值得每个程序员去阅读。
这个时候子元素的行高就是 当前元素的字体大小的多少倍，line-height=10，子元素的行号就是字体大小的10倍 如下图字体大小为9px 行高为90px
前两篇文章《起步及 crate 选择》和《组件和路由》中，我们介绍了选型原因，搭建了 yew 的基本开发环境，并进行了最基础的组件和路由编码。并且和 yew 中文文档的翻译者 sansx 老师及一些感兴趣的朋友进行了友好而热烈的交流。
HTML部分 DOCTYPE的作用？标准模式和兼容模式各有什么区别？ 告知浏览器的解析器用说明文档标准来解析这个文档；如果在文档开始处没有发现文档类型声明或者格式不正确将会导致浏览器开启兼容模式。 标准模式以该浏览器支持的最高标准运行；兼容模式以一种宽松的向后兼容的方式显示。 页面导入样式时，使用link标签和@import标签有什么区别？ ①link标签属于html标签，而@import是css提供的。②页面被加载时，link会被同时加载，而@import引用的css会等到页面被加载完在加载。③@i
做 Web 前端必须掌握的技能。 HTML 基础概念 HTML 是什么 页面的基本结构 常见标签和属性 文档类型声明 CSS 基础概念 CSS 是什么 样式写在哪 一条基本的样式怎么写 常用选择器 样式生效规则 浏览器的默认样式 选择器权重的计算 样式的层叠 样式的继承 布局 盒模型 单行文本的水平，垂直居中 Flex 布局 inline-block 布局 相对，绝对和固定定位 响应式布局 常用样式 常见浏览器兼容性问题 JavaScript 基础概念 JavaScript 是什么 Java
因为喜欢代码，喜欢编程，而坚持下来的学习。想起五六年前智能手机刚兴起的时候，我就在各种论坛（代表：某葫*侠），各种 Q 群混着跟着搞各种锁机、破解、刷机一系列技术，手机编程、iapp（手机编程软件，这个应该有不少人都知道吧？）、IDEA（一个手机上学习 Java 的软件）。 这个时候的自己虽然很喜欢编程，但真正让我决定学习编程的其实还是 2016 年因为盗版二被迫停更的火影战记（童年回忆了啊），那时就决定自己以后要学编程，然后做出续版。。。不过后来东倒西歪的直到现在学了前端....而不是安卓和 JAVA 开发，哈哈哈哈哈哈哈。
Butterfly 的友链太过单调了。加上之前正好移植了 Volantis 的一堆外挂标签样式，突发奇想用 Site-card 来写友链，效果相当理想。
django-crispy-form的具体使用参照https://django-crispy-forms.readthedocs.io/en/latest/
GitHub开发的文本编辑器Atom发布了0.177.0版，其中一个引入注目的变化是从Node.js切换到了io.js。io.js是Node.js的分支，Node.js社区发生分裂后由核心开发者在2014年12月创建的，已经发布了v1.1版，目前开发非常活跃。Atom是切换到io.js的一个重量级项目。
HTML 基础 概念 全写： HyperText Mark-up Language
事件DOM Event 更多事件请查询h3c htmldom参考手册 event onclick() ：当点击时 onfocus() ：获得焦点时 ；当点击某个区域时触发，如点击输入框 onblur() ：失去焦点时 onmouseover 鼠标经过时,触发 onload事件是当网页加载完后发挥作用；注意如果加载外网的图片也要加载完之后才生效 onsubmit() ：提交事件，点击提交按钮的时候触发 ；阻止提交要return 使用检查表单提交数据是否合法，直接在浏览器内完成，提交到服务器远浪费资源
当我们在浏览器网址栏输入一个网址——URL，经过TCP/IP协议簇的处理，这个网址请求的信息就被发送到URL对应的服务器，接着服务器处理这个请求，并将请求的内容返回给浏览器，浏览器便显示或者下载URL请求相应的资源。这是前一篇博客所述。
伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。
在 @keyframes 定义的动画中 , 可以设置一系列的 CSS 属性 , 用于控制动画的运行 , 常见的属性如下 : ( 下面的动画属性是设置在 执行动画 的 标签元素 样式中的 )
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
