CSS-3

最新推荐文章于 2023-03-16 17:26:50 发布
最新推荐文章于 2023-03-16 17:26:50 发布
阅读量79 收藏
点赞数
分类专栏： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33369149/article/details/112360612
版权
博主分享了HTML和CSS基础知识的学习心得，强调HTML用于构建网页内容，CSS负责样式和布局。提到了CSS工具、图像处理、媒体类型、选择器、表单及网页布局等关键点，并指出HTML可内嵌CSS，但CSS不能反过来。尽管感觉学完仍觉不足，但这为后续学习Vue奠定了基础。
摘要由CSDN通过智能技术生成

我再也不瞎立flag了
CSS提示工具
没什么好记录的，用的时候就再看看就好了啊
CSS图片廊
用来创建图片阅览
CSS图像透明/不透明
对于图像的呈现高级形式的书写
CSS图像拼合技术
很多图片的网页可能需要很长时间来加载和生成请求
合成图片的话 减低服务器的请求数量 节省带宽
CSS媒体类型
就是讲不同设备显示问题，特殊情况特殊处理
CSS属性选择器
选择需要的某些属性，做出一些修改
CSS表单
就是渲染HTML的表单元素
CSS计数器
就是创建一个可以递增的值，这个可以重置 嵌入
CSS网页布局
不是很难，就是掌握那个地方在那个地方就可以了
头部区域，菜单导航区域，内容区域，底部区域

总结：
HTML和CSS的区别
HTML：创建网页
CSS：控制网页的样式和布局
通俗地将 HTML是造房子的 CSS是搞装修的
HTML文件可以包含CSS代码 但是CSS不能包含HTML代码；
HTML由围绕内容的标签组成，CSS由一个声明块继承的选择器组成。

感想：
总算是学完了HTML和CSS这部分的基础知识，当然没有学习HTML5和CSS3这部分的知识，回想起来又感觉什么都没有学一样，但是毕竟是为了学习Vue做准备，大概有一个概念就可以了。知道是干什么的怎么用，具体细节什么时候用什么时候具体看一看。

九大第一剑修
关注
专栏目录
postcss-plugin-px2rem 移动端适配原理
qq_33715850的博客
07-06 6632
postcss-plugin-px2rem 移动端适配原理
postcss-css-variables:PostCSS插件将CSS自定义属性（CSS变量）语法转换为静态表示形式
05-01
npm install postcss-css-variables --save-dev 目录 -- ---嵌套规则 为什么？ -互操作性-与postcss-custom-properties差异 注意事项 选项 快速参考/注释 测验 变更日志 代码游乐场 在操场上尝试一下，看看您的想法...
移动端适配 rem、postcss-pxtorem、postcss-px-to-viewport、vw vh
徐___L
03-16 3898
移动端适配 rem、postcss-pxtorem、postcss-px-to-viewport、vw vh
vue3使用postcss-px-to-viewport适配屏幕
王小二的博客
08-20 2723
本教程只使用于vue3+vue-cli5创建的项目，说白了就是使用的webpack环境，不适用于vite，后面会更新。因为技术总是更新迭代，大多数博主都没有习惯写上自己的配置，总是把一段自认为可以的配置贴出来，很多时候看了不仅误人子弟，还耽误很多开发时间，我，致力于做一个负责人的博主，都会贴出配置和使用环境，方便大家做参考。以上就是本次分享的全部内容了，致力于做一个有态度的前端！留言！
postcss-loader
qq_41893334的博客
05-21 9517
1.什么是PostCSS? https://www.postcss.com.cn/ PostCSS和sass/less不同, 它不是CSS预处理器 PostCSS是一款使用插件去转换CSS的工具， PostCSS有许多非常好用的插件 例如 autoprefixer(自动补全浏览器前缀) postcss-pxtorem(自动把px代为转换成rem) … … 2.使用PostCSS自动补全浏览器前缀 2.1安装postcss-loader npm i -D postcss-loader 2.2安装需要的插件 n
semi-colon expectedcss(css-semicolonexpected)报错解决
qq_52008568的博客
10-27 3489
colon expectedcss(css-colonexpected)
postcss-px-to-viewport安装及使用
热门推荐
sunddy_x的博客
05-19 1万+
简介 如果你的样式需要做根据视口大小来调整宽度，这个脚本可以将你CSS中的px单位转化为vw，1vw等于1/100视口宽度。 安装 npm安装 npm install postcss-px-to-viewport --save-dev yarn安装 yarn add -D postcss-px-to-viewport pnpm安装 pnpm add -D postcss-px-to-viewport 配置参数 默认参数： { // (String) 需要转换的单位，默认为"px" uni
关于postcss-px2rem配置
一个小乞丐的博客
07-03 4920
vue postcss-px2rem配置 1、先安装postcss-plugin-px2rem npm install postcss-px2rem postcss postcss-loader --save 2、在webpack.base.conf.js添加这句代码 const webpack = require('webpack') 3、根据下面的图加入这两段代码段 { test: /\.scss$/, loaders: ['style-loader', 'css-load
Vue3、vite项目页面自适应配置（postcss-plugin-px2rem、amfe-flexible）
qq_45859670的博客
11-15 1万+
vite 天生就支持对css文件的直接处理关于预处理器☀️目前，在工程化开发中，使用最多的应该就是Less、Sass和Stylus。☀️首先，还是介绍一下它们吧。它们有个统一的名字——css预处理器。☀️何为CSS预处理器？应该就是一种可以将你根据它的规则写出来的格式转成css的东西(还是讲的通俗一点)。☀️它们的出现可以说是恰逢其时，解决了css的一些缺憾：1、语法不够强大，不能够嵌套书写，不利于模块化开发。
vscode css错误提示 } expected css(css-rcurlyexpected)
weixin_59250190的博客
07-26 4327
vscode css错误提示 } expectedcss(css-rcurlyexpected)，出现这种报错一般是在vue文件中使用less或是sass，此时只要查看vscode右下角的语言是否是vue。若不是，可以在设置中搜索html，找到配置语言关联，将*.vue的值改为vue即可解决。...
解决vue安装postcss-pxtorem运行后报错 Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.
qq_43364129的博客
03-25 4406
相信最近使用postcss-pxtorem + amfe-flexible移动端适配的同学会发现，安装完postcss-pxtorem并配置好vue.config.js后，会报错Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.，明明是按以往配置，怎么突然出错了… 实际上postcss-pxtorem已经步入6.0版本。 需要依赖于postcss8.0实现（具体项还没研究清楚~~TAT） 那么解决办法也很简单，查看package.json里po
css-pro-layout：CSS库，用于构建响应式和可自定义的布局
02-03
CSS Pro布局 CSS库，用于构建响应式和可自定义的...import 'css-pro-layout/dist/css/css-pro-layout.css' ; CDN 您也可以使用的CDN链接 < link href =" https://unpkg.com/css-pro-layout/dist/css/css-pro-layout
postcss-prefix-selector:使用选择器为所有CSS规则添加前缀
05-12
$ npm install postcss-prefix-selector 与PostCSS结合使用 const prefixer = require ( 'postcss-prefix-selector' ) // css to be processed const css = fs . readFileSync ( "input.css" , "utf8" ) const out ...
postcss-color-function:PostCSS插件将W3C CSS颜色功能转换为更兼容CSS
04-24
postcss颜色功能 插件可将CSS颜色功能从...var colorFunction = require ( "postcss-color-function" ) // css to be processed var css = fs . readFileSync ( "input.css" , "utf8" ) // process css // set pres
postcss-windicss:Windi CSS的PostCSS集成
04-01
postcss-windicss :test_tube: 过期的。 :warning: 不鼓励使用此软件包，因为PostCSS的API存在一些限制。 将我们用于每个专用框架/构建工具，以获取最佳的开发经验和性能。 该插件应该是使用Windi CSS的最后选择...
深入剖析Oracle与MySQL在事务处理上的差异
10-06
在数据库管理系统中，事务处理是确保数据一致性和完整性的关键机制。Oracle和MySQL作为两大主流的数据库系统，在事务处理方面有着各自的特点和差异。本文将从事务的基本概念、隔离级别、锁机制以及事务控制语句等方面，详细探讨Oracle与MySQL在事务处理上的差异，并提供代码示例。 Oracle和MySQL在事务处理上有着各自的特点。Oracle提供了强大的并发控制和隔离级别管理，适合处理复杂的企业级事务。MySQL则以其简单性和灵活性，在Web应用和中小型项目中广泛使用。了解这些差异对于开发者选择合适的数据库系统以及优化事务处理至关重要。通过本文的分析和代码示例，读者应该能够更深入地理解Oracle与MySQL在事务处理上的差异，并在实际应用中做出更合适的选择。
电力系统稳态分析-考研必备
10-06
电力系统分析经典教材资料
人工智能在高中信息技术教学中的应用与实践.pdf
最新发布
10-06
毕业设计选题/开题答辩/项目源码/论文等资源 硕博论文、期刊资源、有需要可详细咨询 毕业设计选题/开题答辩/项目源码/论文等资源 硕博论文、期刊资源、有需要可详细咨询毕业设计选题/开题答辩/项目源码/论文等资源 硕博论文、期刊资源、有需要可详细咨询毕业设计选题/开题答辩/项目源码/论文等资源 硕博论文、期刊资源、有需要可详细咨询毕业设计选题/开题答辩/项目源码/论文等资源 硕博论文、期刊资源、有需要可详细咨询毕业设计选题/开题答辩/项目源码/论文等资源 硕博论文、期刊资源、有需要可详细咨询毕业设计选题/开题答辩/项目源码/论文等资源 硕博论文、期刊资源、有需要可详细咨询毕业设计选题/开题答辩/项目源码/论文等资源 硕博论文、期刊资源、有需要可详细咨询毕业设计选题/开题答辩/项目源码/论文等资源 硕博论文、期刊资源、有需要可详细咨询毕业设计选题/开题答辩/项目源码/论文等资源 硕博论文、期刊资源、有需要可详细咨询毕业设计选题/开题答辩/项目源码/论文等资源 硕博论文、期刊资源、有需要可详细咨询毕业设计选题/开题答辩/项目源码/论文等资源 硕博论文、期刊资源、有需要可详细咨询
基于Springboot和Vue的获奖的知名作家信息管理系统源码 获奖的知名作家信息管理系统代码
10-06
获奖的知名作家信息管理系统-获奖的知名作家信息管理系统-获奖的知名作家信息管理系统-获奖的知名作家信息管理系统-获奖的知名作家信息管理系统-获奖的知名作家信息管理系统-获奖的知名作家信息管理系统-获奖的知名作家信息管理系统-获奖的知名作家信息管理系统-获奖的知名作家信息管理系统-获奖的知名作家信息管理系统-获奖的知名作家信息管理系统 1、资源说明：获奖的知名作家信息管理系统源码，本资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 2、适用人群：计算机相关专业(如计算计、信息安全、大数据、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工等学习者，作为参考资料，进行参考学习使用。 3、资源用途：本资源具有较高的学习借鉴价值，可以作为“参考资料”，注意不是“定制需求”，代码只能作为学习参考，不能完全复制照搬。需要有一定的基础，能够看懂代码，能够自行调试代码，能够自行添加功能修改代码。 4. 最新计算机软件毕业设计选题大全(文章底部有博主联系方式): https://blog.csdn.net/2301_79206800/article/detail
css-in-css
02-05
CSS-in-CSS是一种前端开发技术，也被称为CSS嵌套或CSS模块化。它的主要思想是将CSS样式定义在组件级别，使得样式与组件的逻辑和结构紧密关联，提高代码的可维护性和可重用性。 在传统的CSS开发中，样式是全局共享的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值