PLC学徒 - 博客园

html--css继承（inherit）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> 文本相关的样式可以被继承布局相关的样式不能被继承（默认不可以），但是可以通过继承（inherit），如下 <style> div{ width: 200px; 阅读全文

posted @ 2022-01-03 19:42 PLC学徒阅读(328) 评论(0) 推荐(0)

html--结构伪类选择器

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> child 孩子向下寻找时，没有找到指定元素，则不会在寻找 type 类型向下寻找时，没有找到指定元素，继续往下寻找，直到找到从(1)开始搜索 nth-ch 阅读全文

posted @ 2022-01-03 18:49 PLC学徒阅读(94) 评论(0) 推荐(0)

html--伪类选择器（鼠标移入移出）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 针对a标签使用该元素 a：link 开始 a：visited 结束 n :hover 鼠标移入 n:active 鼠标点击注意：当使用过visit 阅读全文

posted @ 2021-12-30 12:52 PLC学徒阅读(963) 评论(0) 推荐(0)

html--基础知识层级选择器

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 后代 ul li{} 寻找父级元素下面的的元素（如：li，寻找父元素下面li标签）父子 ul > li{} 寻找父级元素（如：ul，寻找子元素上面的u 阅读全文

posted @ 2021-12-30 12:51 PLC学徒阅读(179) 评论(0) 推荐(0)

html--基础知识（字体粗细/倾斜效果）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> 1.font-weight= 字体的粗细效果属性值有： normal 默认展示的字体，不加粗 bold 加粗 number:100-500 默认展示的字体，不加阅读全文

posted @ 2021-12-27 21:47 PLC学徒阅读(754) 评论(0) 推荐(0)

html--基础知识（border边框样式）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- border-style =边框线条 solid 实线 dashed 虚线想要针对某一个单独位置设置边框颜色或大小等如：border-left-st 阅读全文

posted @ 2021-12-24 08:54 PLC学徒阅读(1149) 评论(0) 推荐(0)

html--基础知识（三种颜色写法）

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style>/* 颜色的三种写法： 1、英文单词写法：如 red 2.数字写法由0-9，a-f组成 3.rgb三原色表示法取值范围：0-255 */ div{ 阅读全文

posted @ 2021-12-23 12:52 PLC学徒阅读(330) 评论(0) 推荐(0)

html--基础知识，两种引入css样式方式

摘要： 1.使用link标签去引入css样式 2.使用@import直接去引用如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- #引入两种css样式方法 1.在head里面使用link标签进行引用 r 阅读全文

posted @ 2021-12-23 09:00 PLC学徒阅读(292) 评论(0) 推荐(0)

html基础知识-表格标签（form，input）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- <title></title> form 、input form：表单最外层容器(如果没有form标签，其他功能点击没响应) input：用户搜索用户信息如：输入框，密码框等 typ 阅读全文

posted @ 2021-12-20 13:52 PLC学徒阅读(406) 评论(0) 推荐(0)

html--基础知识（table表格）

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- table 表格写法表单 tr 表格行 th 表头 td 表格单元 caption 表格标题语义化标签：让标签更好记一些 thead/tFood t 阅读全文

posted @ 2021-12-17 19:49 PLC学徒阅读(135) 评论(0) 推荐(0)