![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 56
A_tuohai
这个作者很懒,什么都没留下…
展开
-
3.8 js过渡效果
首先创建一个新的html,在body下面写入一个id标签为box的div标签作为外部的一个大盒子在这个id标签中写入css样式,比如说我这个是正方形,那我的宽高就要一样,如果你想把你自己的形状改为其它形状的,那你也可以在宽和高中进行修改在编写完自己形状的宽和高之后,你还可以给自己的形状添加颜色等等属性,比如我这里添加了一个橘红色的背景颜色,你可以使用其它颜色,但是这个背景颜色是刚打开的颜色,并不是过渡之后的颜色当我们编写完自己要编写的css的属性值后,这时候我们的工作已经完成了一..原创 2022-03-10 15:22:52 · 2674 阅读 · 0 评论 -
12.8 手风琴菜单
首先创建一个新的html,在body下面写入一个标签为menu的div标签作为外部的一个大盒子在这个大盒子写入一个标签题目,也称之后主题,在这里必须用h2或者h3标签来命名,或者利用其它标签,然后再其他标签内用css代码来编辑一样也可以的然后在h3标签内下方再写一个div名为itemBox,这个div是显示内容的,有标题有内容才是新闻嘛,当然,这个内容区域我比较推荐使用ul和li标签来搭配使用这时候我们的第一个内容也完成了,然后再头部样式中写入我们要编写的css代码,首先我们还是一样,用一个通.原创 2021-12-08 14:44:24 · 257 阅读 · 0 评论 -
11.28 点击显示隐藏
首先创建一个新的html,在body下面写入两个button按钮用于点击显示隐藏然后在这个两个button按钮中写入id标签然后在第二个button按钮下方再添加一个div,id标签也一样要命名,这个div作用是两个按钮点击时显示这个div或者是隐藏这个div的这时候我们的源代码已经写完了,这时候我们写css样式,在头部title下方写入style样式标签,在标签内写入div所用的样式或者按钮样式,按钮样式我在这里就不写了,自己需要写什么样式的都可以,我这里写的div样式只写了宽高还有背景颜色.原创 2021-12-08 14:36:18 · 1066 阅读 · 1 评论 -
11.18 手风琴效果
创建一个新的html文档保存,在body区域进行代码的编写,首先,我们创建一个新的div“class”类名为fontr外部的盒子,类名的名字可以按照自己的兴趣进行命名然后我们在这个div内先放置9个a标签,在这a标签内写上我们的文字,这里可以把前面的a标签自带的链接标签给删掉,这里不需要用到链接标签当我们文字输入完成之后,我们在文字前面添加一个em标签,在em标签里面写入文字,这里em标签的效果是没有动画效果的然后我们再下方添加五个a标签,源代码的a标签也是和上方的字一样写进去..原创 2021-12-08 11:20:42 · 198 阅读 · 0 评论 -
【无标题】11.8 旋转轴心
创建一个新的html文档保存,在body区域进行代码的编写,首先,我们创建一个新的div“class”类名为pkbox外部的盒子,类名的名字可以按照自己的兴趣进行命名然后我们再这个div内放置我们的图片,记住,这里放的标签是img标签,图片为六张这样子我们的源代码已经完成了,这时候我们可以编写css代码了,这里的话我个人推荐使用内联样式进行编写代码,因为这样子比较方便、修改代码,如果你有要求,你也可以用外联样式来编写css代码首先我们给每个标签设置外边距和内边距为0,现在市面上的网..原创 2021-12-08 11:12:13 · 203 阅读 · 0 评论 -
10.28三级菜单
创建一个新的html文档保存,在body区域进行代码的编写,首先,我们创建一个新的div“class”类名为box外部的盒子,类名的名字可以按照自己的兴趣进行命名然后们在类名为box下面再放一个div,这个div是用来放置内容区域的,给这个div命名为nav,这个是内容的盒子的第一个div。然后我们给这个类名为nav的加入内容, 题目为菜单,这里可以使用h2、h3标签,看个人喜欢这时候我们在题目下面可以在放一个ul和li标签进行一个题目和内容的一个显示,ul命名为“boxmenu..原创 2021-12-08 11:04:59 · 300 阅读 · 0 评论 -
【无标题】10.18CSS定位
定位position: 属性用来定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对定位或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。2.定位中有四个属性:left(左)、right(右)、bottom(下)、 top(上)。3.定位的属性作用:(1)static(默认值,没有定位):元素会正常显示原本位置,忽略上下左右层叠属性。(2)relative(相对定位)相对于正常位置进行定位。(3)absolute(绝对定位)绝对定位..原创 2021-12-08 10:52:44 · 162 阅读 · 0 评论 -
2021-10-8 CSS浮动
1.浮动float 属性用来定义元素在哪个方向浮动,浮动元素会生成一个块级框,直到该块级框的外边缘碰到包含框或者其他的浮动框为止。2.浮动包括有三个值:left(左浮动)、right(右浮动)、none(默认)。3.浮动的属性作用:(1)左浮动(left)指的是向左浮动(2)右浮动(right)指的是向右浮动(3)默认值(none)指的是默认值,元素不浮动,并会显示在其在文本中出现的位置4.左浮动在网页中的效果:5.右浮动在网页中的效果:6.none值在网页中的效果:7.每当我们使用了浮原创 2021-10-11 15:31:45 · 91 阅读 · 0 评论 -
CSS盒模型
盒模型也就是我们呢所说的CSS盒子,称之为盒模型2.每一个盒子都包括边框(border),内边距(padding),外边距(margin)3.盒子的属性作用:(1)内边距(padding)指的是盒子的内容,用于显示文本和图像(2)外边距(margin)指的是盒子与领元素的间距(3)边框(border)指的是盒子的边框,边框可以设置宽度、边框样式、边框颜色4.一个盒子有四条边,分别都是外边距、内边距、边框,它们各个的属性值也是不同的,分别由上边距(top)、右边距(right)、下边距(bot.原创 2021-09-24 15:36:22 · 120 阅读 · 0 评论 -
2021-09-15 CSS基础
(一).盒子模型1.盒子的内容 content 高度height 宽度width2.盒子的边框 border 它包括 边框的宽度 边框显示方式 边框的颜色如:border: 2px solid #000实线:solid虚线:dashed3.内边距padding 边框到内容的距离4.外边距margin 边框与其它边框的距离5.盒子居中 margin: 0 auto6.padding有外扩属性 设置padding 的值 减去盒子本身的width 或height7.盒子占有的宽度:内容的wid原创 2021-09-15 09:19:52 · 121 阅读 · 0 评论