CSS
文章平均质量分 50
Adellle
山不向我走来,我便向山走去
展开
-
CSS学习小结
因为不再占用原来的空间,那么当有文档流占用时,浮动的标签可能会遮挡文档流,该如何解决呢?开启了定位的父级标签(position:relative)浮动后的标签会脱离原来的文档流,不占用原来的空间。CSS处理网页时,他认为每个标签都存在盒子里。①为浮动的标签的父标签添加宽高,撑开父标签。盒子结构组成:内容区,外边距,内边距,边框。标签实际大小:内容区大小+内边距大小+边框。边框:标签最外层,也计算在标签大小之内。不设置偏移量,标签不会移动,不脱离文档流。①标签选择器:通过标签种类决定。原创 2023-10-03 20:43:31 · 273 阅读 · 0 评论 -
用CSS写的案例
【代码】用CSS写的案例。原创 2023-05-03 20:39:05 · 54 阅读 · 0 评论 -
CSS元素显示模式
1,块级元素一般作为大容器,可以嵌套文本,块级元素,行内元素,行内块元素等等,但是,p标签(段落文字)不要嵌套div、h、p等块级元素。代表标签:div、p、h系列、ul、li、dl、dt、dd、form、header、nav、footer...代表标签:a、span、b、u、i、s、strong、ins、em、del...2,a标签内部可以嵌套任意元素,但是a标签不能嵌套a标签。2,宽度默认是父元素宽度,高度默认由内容撑开。3,可以自定义宽,高,内边距,外边距。2,可以设置宽高,外边距,内边距。显示模式原创 2023-05-03 14:55:09 · 499 阅读 · 0 评论 -
CSS背景相关属性
CSS背景相关属性 背景颜色设置 背景图片设置 背景平铺 背景图位置设置 背景相关属性连写 img标签和背景图片的区别原创 2023-04-14 17:52:47 · 670 阅读 · 0 评论 -
CSS制作一个小导航
观察发现是a标签构成,文字居中,初始背景颜色为红色,鼠标悬停背景颜色变为橙色。并且a标签是行内元素,不可以设置宽高,所以需要改成行内块元素。制作如图所示 一个导航。原创 2023-04-14 17:19:14 · 487 阅读 · 0 评论 -
CSS选择器进阶1.2
结果:在选择器1所找到的标签后代(儿子,孙子,重孙子...)中,找到满足选择器2的标签,设置样式。结果:(既又原则)找到页面中既能被选择器1选中,又能被选择器2选中的标签,设置样式。结果:在选择器1所找到标签子代(儿子)中,找到选择器2的标签,设置样式。②交集选择器中如果有标签选择器,标签选择器必须写在前面。②后代选择器中,选择器与选择器之间通过空格隔开。结果:找到选择器1和选择器2选中标签,设置样式。②子代选择器中,选择器与选择器之间用>隔开。②每组选择器可以是基础选择器或者复合选择器。原创 2023-04-10 20:28:00 · 340 阅读 · 0 评论 -
CSS选择器基础1.1(查找标签)
作用:通过类名,找到页面中所有带有这个类名的标签,设置样式。②id属性值类似于身份证号,在一个页面中是唯一的,不可重复。①所有标签上都有class属性,class属性值称为类名。④类名可以重复,一个类选择器可以同时选中多个标签。③一个标签可以同时有多个类名,类名之间空格隔开。①开发中使用极少,只会在极特殊情况下用到。注:选中所有的这个标签都生效CSS。作用:找到页面中所有标签,设置样式。③一个标签上只能有一个id属性值。④一个id选择器只能选中一个标签。①所有标签都有id属性。原创 2023-04-10 19:34:55 · 602 阅读 · 0 评论