
CSS3
文章平均质量分 72
CSS学习笔记
1uuue
这个作者很懒,什么都没留下…
展开
-
网页前端设计-作业六(CSS3)
1 .普通(3分)CSS3的Transition动画中使用何种属性可以设置渐变的持续时间?在CSS3中transition-duration属性用于指定渐变动画效果的持续时长,持续时间越长渐变效果越慢。2 .普通(3分)CSS3中哪个属性可以自定义背景图片的尺寸?在CSS3中,background-size属性可用于定义元素背景图片的尺寸大小。3 .普通(3分)CSS3中哪个属性可以为元素设置圆角边框?在CSS3中,border-radius属性可用于直接创建带有圆角的边框样原创 2022-09-12 16:52:04 · 1459 阅读 · 0 评论 -
css3-定位
1.1 相对定位 相对定位:positon:relstive; 相对于原来的位置,进行指定的偏移,相对定位的话,它仍然在标准文档流中!原来的位置会被保留 top,right,left,bottom,是旧图相对于新图在哪个位置。因此,属性值为负的才代表往那个方向移动。1.2 绝对定位 定位:基于xxx定位,上下左右~ 1)没有父级元素定位的前提下,相对于浏览器定位 2)假设父级元素存在定位,我们通常会相对于父级元素进行偏移 3)在父级元素范围内移动 总结:相对于父级或浏览器的位置,进行指定的偏移..原创 2022-08-30 20:07:19 · 368 阅读 · 0 评论 -
css3-浮动和display、父级边框塌陷
1.display和浮动 1.1 标准文档流 块级元素:独占一行 h1~h6 、p、div、 列表…行内元素:不独占一行 span、a、img、strong 注: 行内元素可以包含在块级元素中,反之则不可以1.2 display display的值:block 块元素 独占一行,只有设置为块元素,高宽才有效,否则行内元素是由内容撑开的。inline 行内元素 一行可以写很多inline-block 保持块元素的特性可以放在一行 none 消失,空间都没有了,但在源码里面存在...原创 2022-08-30 09:53:06 · 378 阅读 · 0 评论 -
css3-盒子模型、内外边距、圆角边框
1.盒子模型及边框的应用 1.1 什么是盒子 margin:外边距 padding:内边距 border:边框 1.2 什么是边框 2.内外边距及div居中 margin-left/right/top/bottom–>表示四边,可分别设置,也可以同时设置如下 margin:0 0 0 0/*分别表示上、右、下、左;从上开始顺时针 盒子的计算方式:margin+border+padding+内容的大小 总结:body总有一个默认的外边距 margin:0常见操作:初始化 3.圆角边框及...原创 2022-08-29 21:11:24 · 364 阅读 · 0 评论 -
css3-超链接伪类、列表、背景渐变
1.文本阴影和超链接伪类 2.列表样式学习 list-style:none:去圆点 同时也可以去掉有序列表中的数字 circle:空心圆(有序列表中decimal:数字) square:正方形 3.背景图像应用及渐变原创 2022-08-29 15:26:37 · 347 阅读 · 0 评论 -
css3的作用及各类样式
1.美化网页元素 1.1 为什么要美化网页 有效的传递页面信息美化网页,页面漂亮才能吸引客户 凸显页面的主题 提高用户的体验 span标签:重点要突出的字,使用span标签套起来 1.2 字体样式 font-family:字体 font-size:字体大小 font-weight:字体粗细 color:字体颜色 1.3 文本样式 颜色–>color rgba():调整颜色的透明度,透明度值的范围在0-1之间原创 2022-08-25 17:08:02 · 386 阅读 · 0 评论 -
css3-选择器
1.三种基本选择器 作用:选择页面上的某一个或者某一类元素 1.1标签选择器 格式:标签 { } 弊端:如果存在多个相同标签(如多个h1),只能做到要变一起变,无法进行单独设置 1.2 类选择器 class 选择所有class一致的标签,跨标签 格式:.类名{} 好处:可以对多个标签进行归类,实现了复用 1.3 id选择器 全局唯一 格式:#id名{} 不遵循就近原则,id选择器 > class选择器 > 标签选择器原创 2022-08-24 20:26:08 · 232 阅读 · 0 评论 -
css3发展史、快速入门、导入方式
1.什么是CSS Cascading Style Sheet 层叠样式表 【回顾html:超文本标记语言】CSS:表现层(美化网页)主要美化对象:字体,颜色,边距,高度,宽度,背景图片,网页定位,网页浮动 2.发展史 CSS1.0:最初于 1996 年发布,由用于添加字体属性的属性组成,例如字体和文本的强调颜色、背景和其他元素。CSS2.0:DIV(块)+CSS,提出了HTML与CSS结构分离的思想使网页变得简单,如:SEO(搜索引擎优化) CSS2.1:融入一些更高级的元素:浮动,定位原创 2022-08-22 21:50:27 · 446 阅读 · 0 评论 -
网页前端设计-作业二(CSS)
1 .普通(4分)元素可以向哪些方向进行浮动?如何清除浮动效果?在CSS中float属性可以用于令元素向左或向右浮动。常用clear:both来清除之前元素的浮动效果。2 .普通(4分)CSS背景图像的平铺方式有哪几种?repeat-x(水平方向平铺),repeat-y(垂直方向平铺),repeat(水平和垂直方向都平铺)以及no-repeat(不平铺,只显示原图)。3 .普通(4分)CSS样式表有哪几种类型?它们的层叠优先级关系是?外部样式表、内部样式表和内联样式表。优先级原创 2022-08-19 10:55:40 · 1811 阅读 · 0 评论