• 技术学派:CSS规范总结

    CSS样式的权值(权重)权值等级的定义第一等:代表内联样式,如: style=””,权值为1000。第二等:代表ID选择器,如:#content,权值为100。第三等:代表类,伪类和属性选择器,如.content,权值为10。第四等:代表类型选择器和伪元素选择器,如div p,权值为1。Ps:通用选 2024-12-15 09:04:44
  • CSS 动画分类

    CSS 动画主要分为CSS 动画分类和CSS 常用动画库简介与JS 动画;然后CSS 动画分类又分为过渡动画transition和关键帧动画keyframes,keyframes主要是从keyframes规则和keyframes属性来介绍。CSS 常用动画简介库简介与JS 动画主要是Animate. 2024-12-15 08:50:24
  • 零基础教你学前端 CSS表格

    本次,我们来讲解应用 CSS 来装饰表格。如何制作一个表格,我们在HTML课程中已经学习过了。现在,我们通过样式,让表格变得更加美观易用。首先来学习如何定义表格边框。要在CSS中指定表格的边框,可以使用 border 属性。我们来举个例子。创建 tables.html 文件和 tables-styl 2024-12-15 08:04:21
  • 45道CSS基础面试题(附答案)

    1、 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin低版本IE盒子模型:宽度=内容宽度(content+border+padding)+ margin2、 box-sizing 2024-12-14 10:35:34
  • 记一次 css background-position 遇到的坑

    background-position , 一看名字就是设置背景位置的,第一反应就是和 position 差不多,然而设置了 left 和 top 却没有和我预想的一样,总是调不到想要的位置。background-position 完全没有效果完全没有效果,不管百分比设置为多少,都不会有变化,仍然是 2024-12-14 10:20:15
  • css实现旋转加载动画效果

    纯css实现转圈加载动画,直接上代码Html代码:<svg class="circular" viewbox="25 25 50 50"> <circle class="path" cx="50" cy="50" r="20" fill="none" /></svg 2024-12-14 09:36:09
  • 轻量级CSS动画引擎,简单动画就靠你了——AniX

    介绍ANIX是一个轻量级且易于使用的动画库,在现代浏览器发挥优良的性能和良好的兼容性。它采用了原生的CSS属性的过渡,不是JS模拟动画,因此性能更好。并且可以使用硬件加速。ANIX不到3K的大小有多种版本的ANIX实现,UMD版本,jQuery的版本和React版本等...Githubhttps:/ 2024-12-14 08:48:55
  • 好程序员web前端培训分享HTMLCSS学习笔记css3选择器

    好程序员web前端培训分享HTMLCSS学习笔记css3选择器CSS3是css技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景 2024-12-14 08:19:14
  • 使用JavaScript来编写你的CSS样式代码——JSS

    介绍JSS是CSS的创作工具,它允许你使用JavaScript以声明,无冲突和可重用的方式描述样式。它可以在浏览器,服务器端或在构建时在Node中编译。JSS与框架无关。它由多个包组成:核心部分,插件以及框架集成等。Githubhttps://github.com/cssinjs/jss stars 2024-12-13 10:20:28
  • CSS网页布局基础教程

    网页布局基础教程网页的布局有很多种方式,一般分为以下几个部分:头部区域部分菜单导航区域部分内容区域部分底部区域部分一般网页的布局网页头部区域部分头部区域部分位于整个网页的顶部,一般用于设置网页的标题或者网页的图标:实例如下:代码1效果1代码2效果2部分代码:<!DOCTYPE html> 2024-12-13 10:05:32