![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS基础
文章平均质量分 73
学习CSS过程中的笔记
GT-一二
学海无涯
展开
-
使用div制作表格效果
使用div制作表格效果原创 2022-10-24 20:22:30 · 4046 阅读 · 0 评论 -
HTML、CSS实现手风琴效果
HTML、CSS实现手风琴效果原创 2022-10-23 22:00:49 · 870 阅读 · 0 评论 -
CSS滑动跟踪导航栏
CSS滑动跟踪导航栏原创 2022-10-22 16:07:35 · 1324 阅读 · 1 评论 -
CSS登录页
CSS登录页小案例原创 2022-10-22 14:52:33 · 1027 阅读 · 0 评论 -
浮动列表布局
浮动列表布局原创 2022-10-18 14:49:42 · 219 阅读 · 0 评论 -
走马灯效果
走马灯效果原创 2022-10-08 23:30:49 · 162 阅读 · 0 评论 -
逐帧动画实现
CSS动画原创 2022-10-08 22:43:50 · 300 阅读 · 0 评论 -
Less 语法
Less是一个CSS预处理器, Less文件后缀是.less扩充了 CSS 语言, 使 CSS 具备一定的逻辑性、计算能力。注意:浏览器不识别Less代码,目前阶段,网页要引入对应的CSS文件。原创 2022-09-29 12:42:33 · 111 阅读 · 0 评论 -
移动适配-媒体查询
使用媒体化查询设置差异化CSS样式。原创 2022-09-29 10:58:23 · 185 阅读 · 0 评论 -
移动端JDtoolbar
移动端JDtoolbar两种实现方式原创 2022-09-28 15:33:27 · 297 阅读 · 0 评论 -
CSS-3D导航
3D导航原创 2022-09-26 22:30:52 · 123 阅读 · 0 评论 -
CSS-立体案例
CSS-立体案例。原创 2022-09-26 22:16:12 · 113 阅读 · 0 评论 -
css-绝对定位元素居中
绝对定位元素居中两种写法原创 2022-09-26 10:22:06 · 203 阅读 · 0 评论 -
平面转换-双开门案例
双开门案例原创 2022-09-25 16:16:40 · 123 阅读 · 0 评论 -
iconfont使用简介
点击跳转网站iconfont1.将从该网站下载的文件解压,设置文件名为iconfont2.将该文件夹放在项目里面3.在head中对该文件进行引用4.在页面内导入图标5.通过类名对图标大小进行控制原创 2022-09-25 15:02:38 · 177 阅读 · 0 评论 -
Flexbox设计H5应用网页布局
借助Flexbox定义伸缩盒模型,让页面呈现三行三列布局样式,同时能够根据窗口自适应各自空间。原创 2022-09-20 15:41:42 · 393 阅读 · 0 评论 -
CSS3-多列布局
CSS3使用columns属性定义多列布局,属性初始值根据元素个别属性而定,适用于不可替换的块元素、行内块元素、单元格,表格除外。原创 2022-09-16 21:31:37 · 1687 阅读 · 0 评论 -
CSS3 盒模型- 外边距折叠
外边距折叠:即垂直方向上的两个外边距相遇时,会折叠成一个外边距,且折叠之后的外边距高度为两者之中较大的那一个。原创 2022-09-15 19:52:31 · 445 阅读 · 0 评论 -
CSS布局-结构伪类选择器、伪元素、标准流、浮动、清除浮动
CSS布局-结构伪类选择器、伪元素、标准流、浮动、清除浮动1、结构伪类选择器1.1、 作用与优势1.2、 选择器1.3、注意点1.4、(拓展)结构伪类选择器的易错点1.5、(了解) nth-of-type结构伪类选择器2、伪元素3、标准流4、浮动4.1、 浮动的作用4.2、 浮动的代码4.3、 浮动的特点4.4、 浮动的案例5、清除浮动5.1、 清除浮动的介绍5.2、 清除浮动的方法5.2.1、清除浮动的方法 — ① 直接设置父元素高度5.2.2、 清除浮动的方法 — ② 额外标签法5.2.3、 清除浮动的原创 2022-02-27 21:15:44 · 1034 阅读 · 0 评论 -
CSS居中效果
CSS居中效果1、文字居中2、图片居中3、盒子居中1、文字居中使用文本样式:text-align: center;2、图片居中使用div标签对img图片标签进行包裹,对div标签添加文本样式text-align:center;3、盒子居中巧用外边距属性margin: 0 auto;示例:代码:结果:...原创 2022-02-24 22:03:34 · 211 阅读 · 0 评论 -
CSS盒子模型
CSS盒子模型1. 盒子模型的介绍1.1 盒子模型的介绍2. 内容区域的宽度和高度2.1 内容的宽度和高度3. 边框( border )3.1 边框(border) - 单个属性3.2 边框(border) - 连写形式3.3 边框(border) - 单方向设置3.4 盒子实际大小初级计算公式4. 内边距( padding )4.1 内边距(padding) - 取值4.2 内边距(padding) - 单方向设置4.3 盒子实际大小终极计算公式4.5 CSS3盒模型(自动内减)5. 外边距(margin原创 2022-02-24 19:53:41 · 977 阅读 · 0 评论 -
PxCook的基本使用
PxCook的基本使用1. 通过软件打开设计图2. 常用快捷键3. 常用工具3.1. 量尺寸3.2. 吸颜色4. 从psd文件中直接获取数据目标: 能够使用 PxCook 工具测量设计图的 尺寸 和 颜色 ,能够从psd文件中直接获取数据软件可在官网进行下载(目前免费 2022.2.24 )1. 通过软件打开设计图1、创建项目2、图片载入3、进入界面2. 常用快捷键放大设计图: ctrl + +缩小设计图: ctrl + -移动设计图: 空格按住不放,鼠标拖动3. 常用工具原创 2022-02-24 19:17:24 · 7014 阅读 · 0 评论 -
CSS选择器进阶+背景属性+元素显示模式+三大特性
CSS选择器进阶+背景属性+元素显示模式+三大特性1、选择器进阶1.1、复合选择器1.1.1、后代选择器:空格1.1.2、子代选择器: >1.2、并集选择器1.3、交集选择器1.4、hover伪类选择器1.5、Emmet语法1.6、总结2、背景相关属性2.1、背景颜色2.2、背景图片2.3、背景平铺2.4、背景位置2.5、背景相关属性连写3、元素显示模式3.1、块级元素3.2、行内元素3.3、行内块元素3.4、元素显示模式转换4、CSS 特性4.1、继承性4.1.1、继承的应用4.1.2继承失效的特殊原创 2022-02-21 22:49:24 · 286 阅读 · 0 评论 -
CSS基础选择器、文字文本相关样式
CSS基础选择器、文字文本相关样式1、基础认知1.1、CSS初识1.2、CSS语法规则1.3、CSS初体验2.1、CSS引入方式2、基础选择器2.1、标签选择器2.2、类选择器2.3、id选择器2.3.1类与id的区别2.4、通配符选择器2.5基础选择器小结3、字体和文本样式3.1、字体样式3.1.1、字体大小3.1.2、字体粗细3.1.3、字体样式(是否倾斜)3.1.4、字体系列font-family3.1.5、样式的层叠问题3.1.6、字体font相关属性的连写3.1.7、字体相关属性总结3.2文本样式原创 2022-02-20 21:54:13 · 1873 阅读 · 0 评论