今日课程:
1、<button>标签:表示一个按钮
type属性:定义按钮的类型,值可以为button,submit
注意:每个浏览器中默认type属性的值不同。所以我们在使用的时候最好给他type属性一个值。
2、<iframe>标签:内框架标签
css 属性选择器src属性:载入框架时候载入的文件。
frameborder属性:规定是否显示边框,1为显示,0表示不显示
width属性:规定iframe的宽度
height属性:规定iframe的高度
name属性:给他一个名字,这个名字是自定义的
注意:可以在iframe标签中间使用文本来解决有些浏览器不支持iframe的情况。
互联网的思维
3、其他的一些标签
<hr />标签:标签线,定义内容中的主题的变化
<br />标签
<div>标签:是"最没用"的标签,块状元素,没有任何样式,没有任何意义在CSS没有兴起之前他真的是一点用都没有但是有了CSS后,算是把它拯救了。
<span>标签:是“最没用的”标签,行内元素元素标签,没有任何样
式,没有任何意义
<pre>标签:HTML内容原样输出
HTML用来进行标记、CSS用来进行修饰
1、CSS(cascading style sheet),层叠样式表,主要用来控制网页的样式和布局。
样式和标记分离。标记直观去标记出来,样式用来进行修饰。
现在的人类审美观点越来越高。网页值的CSS和HTML有着很重要的地位,他们两个是配合使用的,分工明确的。
CSS是CSS3,CSS2.1单一的规范,而在CSS3里面分成了多个模块组,每个模块组都有自己的规范。这样的好处就是不会因为CSS里面比较难缠的模块而影响其他模块的进度。
2、CSS的基本语法
CSS和女朋友的本质是一样的:选择-> 改变-> 在一起
2个
女朋友1{
体重:100 以下-> 减肥
身高: 164CM 以上-> 穿高跟鞋
}
女朋友2{
眼睛:大一点-> 喇双眼皮
嘴:小一点-> 缝上
}
女朋友1或女朋友2让他改变他的一些属性。
CSS的语法:
选择器{
属性1:值1;
属性2:值1;
属性3:值1;
属性4:值1;
属性5:值1;
}
注意:
1、每个属性/值对后面要加上分号
2、web浏览器会忽略空格和回车。
强扭的瓜不甜,但是解渴。
为了更好的做实验
HTML标签选择器:就是把HTML标签作为选择器来使用color:颜值设置字体的颜
give you color see see
1)、CSS里面的颜:
1)、十六进制的数字
2)、英文单词blue black yellow green orange pink red
3)、rgb颜:红绿蓝rgb(红,绿,蓝) 值为0~255之间的值
4)、rgba颜:rgba(红,绿,蓝,透明度)
what?
CSS的使用方式:
1)、内联方式:在HTML标签中使用style属性来设置CSS 样式
格式:<;标签名>你要标记的内容</标签名>
特点:仅仅作用于本标签。
2)、内嵌方式,在head标签中使用<style></style>
格式:
<style>
选择器{
属性:值;
属性: 值;
}
</style>
特点:能够作用于当前整个页面。
3)、外部导入方式
<link />标签导入css的文件,作用域本页面,实现CSS的样式
href属性:链接哪个样式表
type属性:是什么类型text/css
rel属性:当前文档于被链接文件之间的关系stylesheet
特点:
1、如果整站的页面都引入这个CSS的文件,将可以作用于整个网站。
刚才说了三种方式。当样式冲突的时候将会采用就近原则。哪个属性样式离被修饰的内容近就使用哪个。如果属性没有冲突的时候将会叠加
CSS中的注释符/* 要注释的内容*/
选择器:
1)、基本选择器
E,标签选择器,选择指定的类型的HTML标签
ID选择器,选择指定的ID属性为指定的ID值的任意类型的元素
注意:
1、在CSS中使用ID选择器时,CSS中需要在ID 属性值的前面加上#号,在HTML中使用ID属性来执行属性值的选择器
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论