PLC学徒 - 博客园

html和xhtml的区别

摘要：总结而已：xhtm比html写法更加严谨：区别： 1.DOCTYPE文档以及编码 xtml： xhtml：编码则很长 2.元素大小写 xtml支持元素大小写 xhtml不支持元素大写 3.属性布尔值 xtml可以只写值，不写属性 xhtml属性和值必须全部写入 4.属性引号 html：id等属性阅读全文

posted @ 2022-02-07 09:44 PLC学徒阅读(177) 评论(0) 推荐(0)

css-添加省略号（twxt-overflow:ellipsis）/图标精灵(background)

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 1.css添加省略号 1.让内容在一行展示 white-space:nowrap; 2.内容溢出隐藏 overflow=hidden 3.溢出内容添加省阅读全文

posted @ 2022-01-17 12:41 PLC学徒阅读(333) 评论(0) 推荐(0)

html---定位position（固定，相对（relative），绝对（absolute））

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- position 属性值：相对定位(relative) left right top bottom 1.使用相对定位后，不会脱离文档流。也就不会影响其阅读全文

posted @ 2022-01-13 07:18 PLC学徒阅读(1227) 评论(0) 推荐(0)

html--浮动（float）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 1。只会影响后面的元素（当有三个盒子，给中间盒子设置浮动后，最后一个盒子往上浮动） 2.主要给块元素添加，也可以给内联元素添加（block（块），inl 阅读全文

posted @ 2022-01-11 21:37 PLC学徒阅读(643) 评论(0) 推荐(0)

html--不透明度（rgba）与手势（cursor）与自适应宽高度写法

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 不透明度 rgba(0,0,0,0):给父元素设置rgba，子元素不会使用该属性 0，0，0 分别代表红绿蓝（255） 0 不透明度 opacity：给阅读全文

posted @ 2022-01-10 06:53 PLC学徒阅读(200) 评论(0) 推荐(0)

html--overflow（内容溢出）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> div{ width: 200px; height: 6.25rem; border: 1px solid #0000FF; /* overflo 阅读全文

posted @ 2022-01-09 17:03 PLC学徒阅读(272) 评论(0) 推荐(0)

html--display（转化元素，block，inline，inline-block，none）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> /* #div1,#div2{ width: 100px; height: 100px; background-color: #FF0000; d 阅读全文

posted @ 2022-01-09 15:45 PLC学徒阅读(182) 评论(0) 推荐(0)

html--标签样式（块，内联，内联块，按内容，按显示分类）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 一、按元素 black（块元素）:div p ul ol li h1-h6 dl dt dd form table 独占一行支持所有样式不写宽的时候阅读全文

posted @ 2022-01-09 15:21 PLC学徒阅读(287) 评论(0) 推荐(0)

css盒子模型

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- css盒子模型组成： conter > padding > border > margin 物品填充物包装盒盒子与盒子之间的间距 conter 内阅读全文

posted @ 2022-01-05 18:29 PLC学徒阅读(36) 评论(0) 推荐(0)

html-css优先级（style，id，class，tag，*，继承，！important）

摘要：层级优先级 1、权重比较(以下面标签中权重最大为准) 如: ul li .box p input() .box .hello span #elem{} #elem 2.约分比较(挑选出来以下标签不一致的，比较权重大小) ul li .box p input{} li p input .hello s 阅读全文

posted @ 2022-01-04 12:47 PLC学徒阅读(1050) 评论(0) 推荐(0)