![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 80
NPFik-
这个作者很懒,什么都没留下…
展开
-
第八章:CSS3基础---背景属性、锚点、雪碧图/精灵图/css sprites/图片整合技术、c3盒子模型属性、c3弹性盒
1.背景色background-color2.背景图background-imageurl()3.背景图重复background-repeat4.背景图位置background-position00;5.背景图固定background-attachmentscroll(滚动)/fixed(固定)6.背景图大小background-size宽度高度;-数值px-数值%图片不断的拉伸,直到覆盖到整个容器,可能会出现背景图显示不全的情况。...原创 2022-07-21 19:00:39 · 231 阅读 · 0 评论 -
第七章:CSS3基础---变形旋转 2d/3d、c3边框图片、变形缩放 2d/3d、变形倾斜2d、动画属性
x轴旋转transformrotateX(数值deg)y轴旋转transformrotateY(数值deg)z轴旋转transformrotateZ(数值deg)/rotate(数值deg)xy轴旋转rotateX(数值deg)rotateY(数值deg);有顺序xyz轴旋转rotate3d(x,y,z,d)xyz是否旋转1旋转0不旋转d旋转度数rotateX(数值deg)rotateY(数值deg)rotateZ(数值deg)...原创 2022-07-21 18:58:27 · 330 阅读 · 0 评论 -
第六章:CSS3基础---层级选择器、属性选择器、c3状态伪类选择器、结构伪类选择器、否定选择器、渐变属性、过渡属性、盒子阴影、文字阴影、变形属性---2d/3d
1.[属性名]{}根据属名选择性2.[属性名="属性值"]{}根据属性名和属性值匹配3.[属性名^="值"]{}属性名对应的值以该值开头4.[属性名$="值"]{}属性名对应的值以该值结束5.[属性名*="值"]{}属性名对应的值中包含该值。...原创 2022-07-15 20:51:54 · 132 阅读 · 0 评论 -
第五章:CSS基础---定位
没达到top值之前,元素是正常显示,类似于相对定位,达到top值之后,类似于固定定位,不跟随滚动条滚动,且脱离文档流,一般设置top0;绝对定位的元素会一层一层向上找带有定位属性的祖先元素,如果找到body后~还没有找到,就参考浏览器的第一屏窗口(初始包含块)没有滚动之前的区域。3.移动的时候优先考虑盒模型属性,一般相对定位不会独立使用,会和绝对定位结合使用。绝对定位的元素会一层一层向上找带有定位属性的祖先元素,先找到谁就参考谁。1.绝对定位的元素,宽度/高度/方向里面设置百分数,参考的是参考物。...原创 2022-07-15 20:37:41 · 435 阅读 · 0 评论 -
第四章:CSS基础---伪元素选择器(权重1)、高度塌陷、BFC(Block Formating Context): 块级格式化上下文、css属性继承、表格css属性补充、表格标签补充、表单集
1.选择第一个字符只针对块元素元素first-letter{}元素2.选择第一行只针对块元素元素first-line{}元素3.给元素的里面的前面添加内容内联元素元素before{"";如果有字就加到引号里面,如果没字,就写空引号,必须存在red;100px;}4.给元素的里面的后面添加内容内联元素元素after{"";如果有字就加到引号里面,如果没字,就写空引号,必须存在}...原创 2022-07-15 20:32:26 · 194 阅读 · 0 评论 -
第三章:CSS基础---盒模型、margin补充、溢出属性、单行文本溢出显示省略号、隐藏属性、宽度自适应(自己变化)、高度自适应(自己变化)、高度塌陷
img引入的图片会自带底部大约3px的留白block}原创 2022-07-15 20:26:57 · 207 阅读 · 0 评论 -
第二章:CSS基础---字体四件套、文本属性、列表属性、边框属性、背景属性、img引入的图片和背景图的区别、伪类选择器、元素类型、浮动类型
1)字体大小数字px;默认大小16px一般设置字体大小为偶数(2)字体加粗font-weightbold加粗100-900整百不带单位100-300偏细400-500正常600-900加粗normal正常去掉加粗效果(3)字体倾斜font-styleitalic倾斜normal正常去掉倾斜效果(4)字体类型font-family可以是中文,一般用引号引起,默认微软雅黑可以是英文,多个单词的英文用引号引起来,一个单词可以不引。...原创 2022-07-15 20:09:46 · 142 阅读 · 0 评论 -
第一章:CSS基础---认识CSS、CSS选择器、css语法声明的格式、css代码、外部样式表、样式表套用
css(Cascading Style Sheet): 层叠样式表 样式表 1. 行内样式表(内联样式表) - 2. 内部样式表 3. 外部样式表css样式代码格式 css属性名:css属性值;css属性名:css属性值;css样式 宽度 width:数值px; 单位必须要加,0可以不加单位 高度 height:数值px; 单位必须要加,0可以不加单位 字体.........原创 2022-06-30 16:19:06 · 146 阅读 · 0 评论