![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
帝吃藕和
这个作者很懒,什么都没留下…
展开
-
CSS 12 这种三角怎么做?
CSS做三角原创 2023-11-27 19:52:53 · 306 阅读 · 0 评论 -
CSS 11 精灵图片
精灵图片,借助 background-position: 0 0;原创 2023-11-27 19:02:08 · 331 阅读 · 0 评论 -
CSS 10.2案例-王者荣耀视频
当鼠标放到视频上会有阴影出现-王者荣耀视频案例原创 2023-11-27 10:50:48 · 353 阅读 · 0 评论 -
CSS 10.1元素的显示与隐藏
网站广告,点击关闭就不见,如果重新刷新页面,会重新出现本质:让一个元素在页面中隐藏或者显示。原创 2023-11-27 10:07:31 · 378 阅读 · 0 评论 -
案例-淘宝焦点图
案例-淘宝焦点图,知识点包括: 子绝父相(绝对定位和相对定位), 绝对定位的盒子垂直居中和圆角原创 2023-11-27 09:30:04 · 353 阅读 · 0 评论 -
CSS 9.4定位的特殊性-行内元素可以设置宽度和高度吗?
1. 行内元素添加绝对/固定定位,可以直接设置宽度和高度2. 块级元素添加绝对/固定定位,如果不给宽度或者高度,默认大小是内容的大小3. 浮动元素,绝对,固定定位元素脱离标准流,不会触发外边距合并的问题原创 2023-11-26 11:59:41 · 417 阅读 · 0 评论 -
插入: 绝对定位不能通过margin:0 auto水平居中怎么办?
制作上面的小盒子要使用绝对定位,居中。原创 2023-11-26 11:52:43 · 302 阅读 · 0 评论 -
CSS 9.4盒子重叠怎么办?定位叠放次序
下面的代码会使三个盒子重叠吗?属性值相同,按照书写顺序,后来居上,所以三个重叠后,显示的是光头强。原创 2023-11-26 11:34:24 · 421 阅读 · 0 评论 -
CSS 9.3固定定位
选择器 {position: fixed;原创 2023-11-26 10:34:01 · 448 阅读 · 0 评论 -
CSS 9.2 绝对定位和相对定位的使用场景( 子绝父相)
子绝父相原创 2023-11-26 09:56:46 · 359 阅读 · 0 评论 -
CSS 9.1 静态/相对/绝对定位
静态定位,相对定位,绝对定位的特点原创 2023-11-26 09:31:59 · 387 阅读 · 0 评论 -
网页常见布局案例解析+代码
前端常见页面案例,布局解析+代码原创 2023-11-25 10:57:06 · 1168 阅读 · 0 评论 -
CSS 8.3清除浮动
fotter跑上面去了。原创 2023-11-24 10:20:47 · 367 阅读 · 0 评论 -
CSS 8.2常见布局
网页布局原创 2023-11-24 09:41:44 · 350 阅读 · 0 评论 -
CSS 8.1 浮动float
float 属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动的边缘。原创 2023-11-24 09:21:32 · 301 阅读 · 0 评论 -
插入:网页布局如何清除内外边距及<li>取消点
【代码】插入:网页布局如何清除内外边距及<li>取消点。原创 2023-11-24 08:58:54 · 499 阅读 · 0 评论 -
CSS 7.5圆角边框
border-radius: 50%或者高度/宽度的一半。原创 2023-11-23 11:51:07 · 31 阅读 · 0 评论 -
box布局案例
【代码】box布局案例。原创 2023-11-23 11:04:44 · 34 阅读 · 0 评论 -
CSS 7.4外边距margin, 元素居中对齐,塌陷
想要两个盒子之间要一个缝隙和padding一样,复合,上下左右的简写。原创 2023-11-23 10:35:42 · 49 阅读 · 0 评论 -
padding 案例
【代码】padding 案例。原创 2023-11-23 09:30:50 · 30 阅读 · 0 评论 -
CSS 7.3内边距padding
padding: 5px 10px 20 px 30px (上5 ,右10,下20,左30)如果盒子本身没有指定width/height 属性,则此时padding 不会撑开盒子大小。padding: 5px 10px 20px (上5px, 左右10px, 下20px)padding: 5px 10px (上下 5px, 左右10px)padding: 5px (上下左右)原创 2023-11-23 09:30:38 · 26 阅读 · 0 评论 -
CSS 7.2细线边框 border-collapse: collapse;
CSS 7.2细线边框 border-collapse: collapse;原创 2023-11-22 10:10:07 · 99 阅读 · 0 评论 -
CSS 7.1 盒子模型组成部分+ border
反过来不行,有就近原则。原创 2023-11-22 09:58:29 · 29 阅读 · 0 评论 -
CSS 6.2权重叠加
请问是什么颜色?ul li的权重是 0,0,0,1 + 0,0,0,1 = 0,0,0,2li的权重是 0,0,0,1nav li 的权重是0,0,1,0 + 0,0,0,1 = 0,0,1,1div ul li ----> 0,0,0,3 都是标签选择器a:hover-----> 0,0,1,1 : hover是伪类选择器,10+1 = 11。原创 2023-11-22 09:28:50 · 22 阅读 · 0 评论 -
CSS 6.2优先级注意问题
"小猪佩奇"是什么颜色呢?原创 2023-11-22 09:11:58 · 20 阅读 · 0 评论 -
CSS 6.1优先级
继承或者* < 元素选择器< 类(伪类)选择器< ID选择器< 行内style =""原创 2023-11-22 09:02:42 · 23 阅读 · 0 评论 -
CSS 5 背景
默认是transparent(透明的)原创 2023-11-21 11:57:55 · 19 阅读 · 0 评论 -
小知识:怎么让文字居中
和行高一样高即可,line-height: 行高px;原创 2023-11-21 11:10:33 · 34 阅读 · 0 评论 -
CSS 4 元素显示模式
h1>~<h6><p><div>特点。原创 2023-11-21 10:55:48 · 36 阅读 · 0 评论 -
CSS 3 复合选择器
了解后代选择器,子选择器,并集选择器原创 2023-11-21 09:10:39 · 42 阅读 · 0 评论 -
CSS 2 引入方式
适合于修改简单样式,放入行内。原创 2023-11-20 11:48:42 · 42 阅读 · 1 评论 -
CSS 1.1 字体
【代码】CSS 1.1 字体。原创 2023-11-20 10:58:38 · 38 阅读 · 1 评论 -
CSS 1.0 基础选择器
用HTML标签名做选择器。原创 2023-11-19 15:03:41 · 25 阅读 · 1 评论 -
HTML 案例
【代码】HTML 案例。原创 2023-11-19 10:02:39 · 31 阅读 · 1 评论 -
3.3HTML下拉表单元素
选择1选择2选择3原创 2023-11-19 09:22:51 · 46 阅读 · 1 评论 -
3.2HTML label标签
label>标签用于绑定一个表单元素,当点击标签内的文本时,浏览器将光标转到对应的表单元素上,增加用户体验。原创 2023-11-19 09:02:01 · 21 阅读 · 1 评论 -
3.1 HTML表单标签<input/>
4. 单选按钮和复选框可以设置checked属性,当页面打开时默认选中这个按钮。3.name是取名字为了方便识别,name和value是传给后台的。1.性别男女要赋予相同的name,才能做到单选一。2. value是值,默认。原创 2023-11-19 08:50:47 · 44 阅读 · 1 评论 -
3.0 HTML 表格标签,列表
ul ol dl dt dd原创 2023-11-19 08:49:57 · 46 阅读 · 1 评论 -
2.1HTML常用标签(2)-超链接
herf: 跳转目标链接target: _slef当前窗口, _blank新窗口。原创 2023-11-17 11:39:56 · 34 阅读 · 0 评论 -
2.0HTML常用标签(1)-标题标签,段落,文本格式化标签,图像标签
6个等级,-原创 2023-11-17 10:14:34 · 47 阅读 · 0 评论