![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 92
CSS
chuck-Gemini
这个作者很懒,什么都没留下…
展开
-
CSS精简笔记(一)------HTML标签
目录一、基本概念二、常用标签2.1 块级元素2.2 行内元素2.3 行内块元素2.4功能标签一、基本概念html:构成了网页的骨架,不同标签标识了不同的功能css:基于标签进行特效渲染,产生静态的或简单的动态渲染效果JavaScript:逻辑处理,让页面动起来,或者与后端服务器通信以跟用户互动二、常用标签2.1 块级元素名称功能示例标题标签标题:有六级(1~6),浏览器有默认加粗字体大小设置<h1> 一级标题</h1>段落标签包段落原创 2020-12-06 01:12:25 · 280 阅读 · 0 评论 -
CSS精简笔记(二)------选择器及字体设置
目录一、选择器一、选择器功能:选择出需要的标签,为样式调整做铺垫效果图代码(含字体属性)<template> <div id="head"> <div class="insider"> <h1>列表外h1</h1> <ul class="list"> <h1>列表内h1</h1> <li>测试列表</li原创 2020-12-03 17:00:47 · 703 阅读 · 0 评论 -
CSS精简笔记(三)------盒子模型
目录一、背景1.1 背景颜色1.2 背景图片1.2.1 常规1.2.2 平铺1.2.3 **定位(优势)**1.2.4 固定1.3 背景复合写法二、边框2.1 基础2.2 设置2.2.1 边框设置2.2.2 内外边距设置三、盒子阴影3.1 柔性边线3.2 刚性边线3.3 柔性扩散边线3.4 内边线四、定位4.1 种类4.2 相对定位4.3 绝对定位(被动常用)4.4 固定定位(常用)4.5 粘性定位五、书写顺序一、背景功能:背景,常用于定位图片来替换<img>标签1.1 背景颜色常规:原创 2020-12-08 17:03:20 · 306 阅读 · 0 评论 -
CSS精简笔记(四)------布局
布局原创 2020-10-09 12:02:24 · 282 阅读 · 0 评论 -
CSS精简笔记(五)------高级技巧
目录一、2d转换2.1 基本应用2.2 综合应用二、动画一、2d转换特点:2d变换不脱标2.1 基本应用移动:transform: translate(50%, 50px);,50%相对于样式所在盒子的高度,X正方向:向右;Y正方向:向下旋转:transform: rotate(30deg);,相对transform-origin旋转缩放:transform: scale(0.5, 2);,相对transform-origin缩放,X向比例0.5,Y向比例2,可只写一个则双方向同转换中心点:原创 2020-12-12 14:20:54 · 153 阅读 · 0 评论