03 2019 档案
摘要: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
阅读全文