- 博客(14)
- 收藏
- 关注
原创 黑马跟学——C3动画效果笔记
translate(x,y)用%rotate单位是degscale(x,y) 数字不跟单位转换中心点参数可以百分比,像素,方位名词综合写法位移写在最前面@keyframes 动画名称( move) { /* 开始状态 */ 0% { } /* 结束状态 */ 100% { } }
2024-03-05 14:47:11 823
原创 黑马跟学CSS--day7笔记
不能代替精灵技术,对工作中图标部分技术的提升和优化1.如果遇到一些结构和样式比较简单的小图标,就用字体图标2.如果遇到一些结构和样式比较复杂的小图片,就用精灵图。
2024-02-28 10:40:40 309 1
原创 黑马跟学CSS--day6笔记
static 静态 不能使用边偏移 不脱标sticky 粘性 浏览器可视区 不脱标relative 相对 相对自身位置移动 不脱标absolute 绝对 带有定位的父级 脱标(不占有位置)fixed 固定 浏览器可视区 脱标1.标准流让盒子上下排列或者左右排列,垂直的块级盒子显示用标准流布局2.浮动让多个块级元素一行显示或者左右对齐盒子,多个块级盒子水平显示就用浮动布局3.定位。
2024-02-27 12:18:50 417
原创 黑马跟学CSS--day5笔记
1.布局定位属性:display/position/float/clear/visibility/overflow2.自身属性:width/height/margin/padding/border/background3.文本属性:color/font/text-decoration/text-align/vertical-align4.其他属性:content/cursor1.先确定版心宽度2.分析页面中的行模块,以及每个行模块的列模块,之后确定列的位置3.一行中列模块经常浮动布局,先确定每个列的大小,之
2024-02-25 21:45:00 203 1
原创 黑马跟学CSS--day4笔记
length可以是具体的值也可以是圆角矩形:设置为高度的一半就行简写属性:分别代表左上角,右上角,右下角,左下角两个值:对角线关系的分开写 border-top-left-radius。
2024-02-25 15:04:06 422 1
原创 黑马跟学CSS--day2笔记
使用缩写来提高速度快速生成快速生成语法div*10然后按Tab键div>span然后按Tab键(包含是>)兄弟关系用+.是class#是id默认是div.demo&*5自增符号¥div{}div{}*5div{$}*5。
2024-02-23 16:39:17 893
原创 黑马跟学CSS--day1笔记
标签选择器 不能差异化选择类选择器. 根据需求选择id选择器# 一次选一个 只能出现一次 和js搭配使用通配符选择器* 选择所有标签 特殊情况使用font-size 字号 px像素 跟上单位font-family 字体font-weight 字体粗细 700和bold 不加粗是normal和400font-style 字体样式 italic normalfont 字体连写 有顺序 字号和字体必须同时出现colortext-aligntext-indent 首行缩进 2em。
2024-02-23 14:22:05 701
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人