#大有学问# #头条创作挑战赛#什么是CSS三角制作？是指使用CSS代码属性将盒子只显示出一个三角状的标志就是CSS三角制作。CSS三角制作的要点三角盒子的宽和高皆设置为零；通过设置盒子的边框属性值来决定盒子的大小。代码演示先设置一个大盒子divBox1，里面包含有多个小盒子box，对比不同属性值的盒子显示效果。大盒子的css样式：.divBox1 {wi …
文章教程
说到 CSS 颜色，相比大家都不会陌生，本文是我个人对 CSS 颜色体系的一个系统总结与学习，分享给大家。先用一张图直观的感受一下与 CSS 颜色相关大概覆盖了哪些内容。接下来的行文内容大概会按照这个顺序进行，内容十分基础，可选择性跳到相应内容处阅读。色彩关键字嗯，色彩关键字很好理解。它表示一个具体的颜色值，且它不区分大小写。譬如这样 color:red的 …
我相信您已经熟悉颜色的 RGB 和 HEX 表示，因为这是大多数文章教程在编写 CSS 颜色时使用的，但这些并不是在 CSS 中编写颜色的最佳方法。HEX 和 RGB 很难理解，使颜色变浅变深或将颜色从红色转换为橙色并不容易。这就是 HSL 的用武之地。HSL 是一种更容易阅读的格式，它使更改颜色的亮度或色调等操作变得简单。什么是 HSL？HSL 代表色相、 …
微信ID：WEB_wysj(点击关注) ◎ ◎ ◎ ◎ ◎◎◎◎◎一┳═┻︻▄（点击页底“阅读原文”下载源代码）● ● ●1、对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率；使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快；内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件；容易 …
css的几个拷问项(慢慢会是N个)这里总结一些关于css的知识(这段时间我遇到的这里总结下)，这里也不完全，只是作者找的一些，麻烦各位大佬，提出一些，大家可以一起学习，我会实时更新到本文章，使文章越来越完整。居中问题前提环境布置：后面代码都应用于本代码<style>.outer {width: 300px;height: 300px;border …
链接伪类选择器(重点)a:link* 未访问的链接 *代码顺序不能变,不然就会失效a:hover { * :hover 是链接伪类选择器 鼠标经过 * color: red; * 鼠标经过的时候，由原来的 灰色 变成了红色 *}a:visited* 已访问的链接 *a:hover* 鼠标移动到链接上 *a:active* 选定的链接 *标签显示模式转换dis …
前言如果网页只有一种颜色，那是非常可怕的，颜色的设置丰富了网页，就如同多彩缤纷的世界。在了解css颜色之前，我们回顾下计算机是如何显示颜色的？计算机根据色光三原色的原理通过各种算法来显示颜色。css 颜色 —— color网页中使用颜色关键字、16进制字符、rgb、rgba等表示红，绿，蓝三种颜色混合色，如下示例,几种写法都是指同一个颜色（红色）：color …
本人熟悉前端(html,css,js,vue等)，后端(python)，爬虫，小程序等，老板有需求私信联系我。第01阶段.前端基础CSS 第二天今天我们围绕一个 导航栏案例进行学习知识点。今日重点：复合选择器后代选择器并集选择器标签显示模式CSS背景背景位置CSS三大特性优先级1. CSS复合选择器目标理解理解css复合选择器分别的应用场景应用使用后代选择器 …
莫等闲，白了少年头，空悲切。目录一、概述1.1 盒模型1.2 CSS速览 正文 黄沙百战穿金甲，不破楼兰终不还。一、概述CSS(Casading Style Sheet)，层叠样式表CSS3包含大量功能，将CSS3分为多个模块。在模块定义还不太稳定的阶段，浏览器会采用厂商前缀实现某个特征。-webkit-Apple Webkit团队，兼容Android, S …
作者：前端日志转发链接：https:mp.weixin.qq.comszoEfqIwfsnAWVO8L7xuUuQ前言如果下面这段代码，在浏览器中打开。最终的页面颜色是什么？<html> <body> <h1>Hello World<h1& …