随笔分类 - Html学习
摘要：Web页面中的每一个元素都是一个盒模型，CSS中使用盒模型来描述一个元素。CSS盒子模型又称框模型，它包含四个边界，分别是外边距边界(Margin)、边框边界(border)、内边距边界(padding)、内容边界(content)。 一、内容区域设定。 weight: 宽度的设定 height:
阅读全文
摘要：相关文件及图片见： https://i.cnblogs.com/Files.aspx 结果：
阅读全文
摘要：伪类选择器 一、基于a标签。 1、:hover 选择鼠标滑过的超链接元素 2、:active 选择鼠标单击中的超链接元素 3、:link 选择未被访问的超链接元素 4、:visited 选择已经被访问过的超链接元素 二、基于input标签。 1、:focus 表示某个input元素被选中的情况。 2
阅读全文
摘要：位置选择器： 一、.:first-child选择器 结果： 二、.:last-child选择器 结果： 三、.:nth-child(n)选择器 结果： 四、.:nth-of-type(n)选择器 结果： 结果：
阅读全文
摘要：一、前缀属性选择器 结果： 二、后缀属性选择器 结果： 三、包含属性选择器 结果：
阅读全文
摘要：二、基础选择器的综合使用 优先级顺序：id选择器>class选择器>元素选择器。也就是说，如果这三种选择器同时为某一个元素设定样式，那么冲突的部分按优先级的顺序依次决定。 结果： 结果： 结果：
阅读全文
摘要：一、基础选择器 1.id选择器 2.class选择器 3.元素选择器
阅读全文
摘要：<!DOCTYPE html><head> <meta charset="utf-8"> <title>锚点链接</title> <style> span {padding :0px 10px;color: aquamarine;} p{font-family: "微软雅黑";font-size:
阅读全文
摘要：页面一： 效果图： 页面二： 效果图： 页面三： 效果图： 页面四： 效果图： 内容所涉及的程序及图片链接：https://i.cnblogs.com/Files.aspx
阅读全文
