实例
html>
7月3号作业.blue{color: blue;}
0702作业
红色
蓝色
黄色
点击 "运行实例" 按钮查看在线实例
以上代码知识点总结:
一、内联标签 iframe
在页面使用标签添加属性src="网址或文档"显示窗口内容,同时可以添加属性frameborder(边框)、width(宽)、height(高)进行设置,当iframe属性name值与a标签的属性tarset值一致时形成关联,点击a链接时则能在iframe窗口显示其内容。
二、CSS样式
1、内联样式:在标签内添加style属性,并在引号内添加所需的属性样式。例:链接
2、内部样式:在head头部添加
3、外部样式:在head头部添加标签进行css文件关联,其属性rel需是rel="stylesheet",属性type需是type="text/css",属性href对应css的文件名
当使用内联样式时style只是标签内的一个属性,当使用内部样式时style是一个双标签元素。
4、css样式执行顺序:内联>内部>外部,一切遵从就近原则;
选择器顺序:ID>class;
三、盒子模型
1、每个元素都是盒子模型
2、每个盒子都是由content(内容)、margin(外边距)、border(边框)、padding(内边距)组成。
3、盒子模型的结构:content在盒子中心位置,border将padding与margin分割,border与content之间的空间距离是padding,border外部是margin;padding与margin是透明状态,故margin无法显示实际空间距离。
4、边框的样式:border-top(上边框线)、border-bottom(下边框线)、border-left(左边框线)、border-right(右边框线);边框的简写方法:border:边框宽度 线条(实线:solid) 颜色,例border:1px solid bule;
5、外边距、内边距简写顺序:上右下左;例:margin:10px(上) 20px(右) 30px(下) 40px(左);补充:当简写只写两个值的顺序是上下 左右;例margin:10px(上下) 20px(左右)。