HTML&CSS-Day05

  • 2023-06-18 12:31:42
  • dfer
  • 456
一、选择器(补) 1.否定伪类选择器 从一类元素中剔除一些元素 p p2 p:not(.p2){} 2.伪元素选择器 ::before  ::after  ::first-line第一行 ::first-letter第一个字符 3.属性选择器  div[id='one']{}  以什么什么开头属性...

HTML&CSS-Day07

  • 2023-06-18 12:31:42
  • dfer
  • 454
1.CSS3布局方式     浮动布局 块级元素放在一行 display:inline-block     特性:脱离文档流,原先位置不保留,飘在文档流上方     对兄弟元素的影响         覆盖兄弟元素 给兄弟元素清除浮动 clear:both         开启bfc     对父元素...

HTML&CSS-Day09

  • 2023-06-18 12:31:42
  • dfer
  • 455
一、***********水平垂直居中方案: 1.给父元素设置border通过margin挤压 2.通过给父容器设置padding挤压给父容器设置为边框盒子 3.子绝父相给子元素配合属性设置为 margin auto 4.子绝父相给子元素设置配合属性 top 50% left 50% margin-...

html与html5

  • 2023-06-18 12:31:42
  • dfer
  • 452
HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。HTML 的关键是标签,其作用是指示将出现的内容。 HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义...
前端_HTML&CSS

前端_HTML&CSS

  • 2023-06-18 12:31:42
  • dfer
  • 548
目录 前言第一章. HTML 与 CSS0、推荐参考手册1. HTML 元素2. HTML 页面3. 常见元素3.1 文本元素Heading (跟标题相关的元素)Paragraph (段落元素)List (列表)Anchor (超链接 重要)3.2 多媒体Image (图片)Video (视频)...

使用resize属性实现元素拖拉改变宽度

  • 2023-06-15 12:31:30
  • dfer
  • 493
1.背景 地图页面左侧全量树新需求,想要实现左侧树的拖拉效果,方便用户使用。 查阅资料发现使用js逻辑,通过监听鼠标按下、移动、抬起事件等进行处理可以实现,但是考虑到地图页面的性能已经吃不消了,于是不使用此方法实现。 之前看过相关css中的resize属性使用的文章,查看有关博客感觉可以实现元...