CSS
CSS3---------------渐变
一、渐变 --(gradient) #、CSS3渐变(gradients)可以让你在两个或多个指定颜色之间显示平稳的过度，包括透明度。CSS3定义了两种类型的渐变(gradients): 1.线性渐变(Linear Gradients)-向下、向上、向左、向右、对角方向：（to bottom、to ......
CSS基础-行和段落常用属性
介绍三个和行相关的属性。 ### line-height 定义行高，即行的高度，数值单位用px、字号倍数、百分比表示。 ```html ``` **垂直居中** 有一种垂直居中的方式就是用行高等于盒子高。 ```jsx 这是标题 文字 ``` ### text-align 文本的水平对齐方式 | 值 ......
【校招VIP】CSS校招考点之选择器优先级
考点介绍： 选择器是CSS的基础，也是校招中的高频考点，特别是复合选择器的执行优先级，同时也是实战中样式不生效的跟踪依据。 因为选择器的种类较多，很难直接记忆，可以考虑选择一个相对值，比如id类型，然后把简单选择器和复合选择器进行理解记忆。另外在项目练习中实战使用增加理解。 一、考点题目 1.对cs ......
Nginx返回的css样式不加载
不小心修改了nginx.conf，之前的配置全部丢失。好在配置项挺少，就只开启了gzip和转发请求时在请求头中添加原始ip。 奇怪的是，部分项目打开后样式丢失。 查看控制台，css文件能够正常下载。注意到css的content-type，为text/plain： 这样问题原因就很明确了，应该是gzi ......
CSS object-fit 属性
CSS object-fit 属性 标签定义及使用说明 object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 object-fit 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。 您可以通过使用 object-pos ......
css
``` a,button{outline:0}.day,.entrylistItem,.entrylistPostSummary,.feedbackCon,.feedbackItem,.feedbackListSubtitle,.postCon,.postMeta,.postSticky{posit ......
css计数器基本用法
counter-reset 定义计数器 counter-increment 定义计数器步长 counter() / counters() 使用计数器 1. counter-reset counter-reset: count1 1.1 在同一层级中，重复使用counter-reset，可重新开始计数 ......
CSS基础-文字样式
# 文字样式 文字是网页展示的重要内容之一，所以对文字的修饰也是CSS重点关注的一部分， CSS提供了以下常用的样式属性来修饰文字。 ### color 属性 color 用来设置文字颜色。 设置方式支持以下几种格式 - 英语颜色单词形式，如: red（红）、black（黑）、orange（橙色）等 ......
HTML+CSS实现炫酷的登录界面
HTML+CSS实现炫酷的登录界面 上效果图！ 鼠标点击用户名或密码，字体会向上滑动，调节大小并高亮。 鼠标放到登录按钮上，按钮可以高亮！ 下面是HTML的代码： index_log.css放到指定的位置就行 <!DOCTYPE html> <html lang="zh-CN"> <head> <m ......
CSS随笔
1、什么是CSS CSS是什么 CSS怎么用 CSS选择器 美化网页 盒子模型 浮动 定位 网页动画 1.1、什么是CSS 层叠样式表 1.2、发展史 CSS1.0 CSS2.0 Div(块) CSS HTML与CSS结构分离的思想，网页变得简单，SEO CSS2.1 浮动定位 CSS3.0 圆角， ......
HTML&CSS基本知识
# HTML&CSS基本知识 ## 一、HTML基本介绍 ```tex W3C标准（成立于1994年，web技术领域最权威和具影响力的国际中立性技术标准机构） world Wide web Consortium(万维网联盟) W3c标准包括： 结构化标准语言（HTML、XML） 表现标准语言（CSS ......
C C++ Java python HTML/CSS/JavaScript
C/C++是一种底层的语言，它可以直接操作内存和硬件，运行速度很快，但是也很难学习和调试，容易出错。Java是一种面向对象的语言，它可以跨平台运行，有很多成熟的框架和库，适合做大型的企业级应用，但是也很繁琐和冗长，需要写很多代码。Python是一种高级的语言，它可以用简洁的语法来实现复杂的功能，有很 ......
css块级标签、行内标签、行内块标签的特点和相互转换
## 块级元素 - 常见的块级元素 h1-h6、div、p、ul、ol、li等，div最常用！ - 块级标签的特点 - 独占一行 - 高度、宽度、内外边距都可以设置（重要） - 宽度默认是容器（父级标签）的100% - 是一个容器盒子，里面可以放其他行内或者块级元素 > 注意点： 1.文字类的元素内 ......
emmet快速生成html标签和css样式
## emmet快速生成html标签语法 > 1.生成标签，直接输入标签名，按下tab键即可； 2.生成多个相同标签，加上*即可，如生成3个div标签，div*3； 3.生成父子级的标签，使用>号，如ul>li; 4.生成兄弟标签，使用+号，如div+p; 5.生成带有类名或者id名的标签，直接写. ......
CSS基础：学习CSS样式的基本语法和应用，了解如何美化网页。
CSS（层叠样式表）是一种用于描述网页上元素（例如文字、图像、背景等）外观和布局的样式语言。通过使用CSS，您可以控制和改变网页的外观，使其更具吸引力和易于使用。 下面是一些CSS基础知识和常用的语法： 1. 选择器：CSS中的选择器用于选择要应用样式的HTML元素。最常见的选择器是元素选择器（例如 ......
记录--用css画扇形菜单
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1、效果图 用手机录屏再用小程序转换的gif，可能精度上有点欠缺。 2、实现过程 1、观察及思考 开始编码前我们首先观察展开后的结构：两个四分之一的圆加三个圆形菜单项。 文章名为用css画扇形，如上图所示没有任何Javascript辅助却 ......
CSS基础-权重计算
### 权重计算 CSS 的一个重要特性就是**层叠性**，即多个css块可以同时作用在一个标签上，效果可以叠加。 如果作用在同一个标签上的css语句块中有相同的语句内容， 那么他们之间谁会生效呢？ 因此，必须要有一个机制去从中间协调， 这种机制就是权重计算。 CSS规定几种简单的选择器之间的权重如 ......
重置CSS的必要性
在Web开发中，CSS（层叠样式表）起到了控制网页布局和样式的重要作用。然而，由于不同网站浏览器对CSS的解释和支持略有差异，导致在不同浏览器下，同一网页可能出现布局错乱、样式不一致等问题。为了解决这些问题，Reset CSS的出现变得至关重要。 Reset.css的作用 Reset CSS是一种C ......
第一次尝试——2048前端开发（HTML+CSS+JS）
实现4*4 2048的三种工具利用： HTML：实现页面的基本框架。 CSS：实现页面的样式。 JS：实现2048的功能。 利用JS实现功能的思路： 初始化每个格子，随机生成2个数 生成随机数 实现键盘监听事件 实现上下左右移动 记录游戏得分 判断是否有空余格子 判断是否还能移动格子 实现重新游戏 ......
css3瀑布流布局遇见截断下一列展示后半截现象
## css3 瀑布流布局遇见截断下一列展示后半截现象 - 注：css3实现瀑布流布局简直不要太香～～～～～ ## 场景-在uniapp项目中 ### 当瀑布流布局column-grap:10px 相邻两列之间的间隙为10px，column-count:2,2列展示时，就出现了截断问题，如下图： ! ......
css 实现飞入效果
@keyframes flyInLeft { from{ opacity: 0; transform: translateX(-60%); } to{ opacity: 1; transform: translateX(0); } } .class { animation: flyInLeft 1s ......
css渐变背景条纹且不占全部高度
## 1. 效果  ## 2. 实现 ``` .title { font-size: 15px; font ......
html&css
## B/S软件的结构 **java SE : C/S结构 Client Server** **B/S Brower(浏览器) Server** +css3前端笔记三
#CSS简介 ##CSS定义 CSS是层叠样式表(Cascading Style Sheets)的简称 有时我们也会称之为 CSS 样式表或级联样式表 CSS是也是一种标记语言 CSS主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式边距等)以及版面的布局和外 ......
3d彩色css旋转盒子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......