css第六课时

1、自适应布局和响应式布局的区别

自适应布局适用于对网页浏览观看的要求不是很高,适用于大多用pc端浏览的用户,

响应式布局使得网页在不同的设备看到不同的效果,它是按照百分比来进行定位的

响应式布局的要点

兼容性问题处理文章:https://ke.qq.com/course/134996#term_id=100151279

以上链接是引出js,并且老师演示了一个点击按钮弹出文字的js效果

代码为:

<script>function myclick() {alert("hello word");}</script>
<input type="button"value="我是一个按钮"onclick="myclick()" />

在按钮里面定义一个事件,然后在js里面用function调用这个事件,alert是一个弹窗

时间: 2024-09-29 16:46:17

css第六课时的相关文章

前端之HTML,CSS(六)

前端之HTML,CSS(六) CSS 盒子模型 CSS中的重点,理解盒子模型对于CSS才能有更清晰的认识.网页说简单一点其实就是一块一块的拼接出来的,可以想象成拼图,所有图块拼接在一起就成了一幅图像.如此而言,网页就是拼接后的图像,那盒子就是图块了. 可以看到粗略的把网页的一部分截切成单个小盒子了,小盒子按照这种形式拼接起来就是网页的布局,也就是CSS的主要功能-表现.同样也可使用CSS适当调整一下盒子大小,内容颜色等属性,使得CSS的表现特性更加突出. 大体了解了网页:一个个盒子组成,通过CS

css第五课时

1.权重列表 A>B>C>D>0 比如/*BC*/>/*B*/ 2.css新增属性 文字阴影:text-shadow:水平位移.垂直位移.模糊半径.颜色 文字缩进:text-indent: 补充说明:前面课时也说过,字体相关的css属性可以被继承,text-indent也可以被继承 .c1{width:400px;height:100px;word-wrap:break-word;} <div class="c1">English Englis

2014年辛星解读css第六节

这一节我们就要讲到布局了,事实上布局本身特别简单.可是要合理的布好局就不那么简单了,就像我们写文章一样.写一篇文章非常easy,可是要写一篇名著就非常难了,这须要我们扎实的功底和对文学的理解,可是.千里之行.始于足下,我们開始吧. ************显示方式************* 1.有时候我们会设置一个元素的显示方式.比方我们在做导航条的时候,就会使用display:inline来使它们成为内联的样式. 2.以下先不说这个display,先说一下visibility属性把,它能够设置

学习Linux的第十六课时

不断地深入学习Linux,自己也在不断地进步.但是在有些时候感觉自己还是掌握的东西比较少,需要多看关于Linux的文档,在虚拟机上进行实践操作,一方面是加强自己的实践经验,另一方面是补充自己知识上的漏洞.这课时主要讲解了DHCP动态管理主机协议以及使用Postfix与Dovecot部署邮件系统. 首先来说一下DHCP动态主机管理协议,这个主要是解决IP问题的一个协议,自动分配地址,使其能够正常的使用计算机. 我们现在所用的都是IPV4地址,IPV4的地址是32位.所以说IPV4的地址一共是2的3

css第四课时

1.特殊选择器. *用于匹配任何标签 >用于指定父子节点的关系 <style>#d1>p{color:#F00;}</style><div id="d1"><p>测试测试测试</p></div> E+F毗邻选择器,匹配E紧随E元素之后的同级元素F E~F匹配E之后的同级元素F 2.a[title]{   }表示为设置了title属性的a元素设置样式 a[title=""]{   }表

python学习之第十六课时--缩进(indentation)

python最具特色的是用缩进来标明成块的代码 我们下面用if选择结构举例,if后面跟随条件,如果条件成立,则执行归属于if的一个代码块 先看c语言的表达方式 if(i>0) { x=1; y=3; } 如果i>0的话,我们将进行括号中所包括的两个赋值语句.括号中包含的就是块操作,它隶属于if 同的目的,在python中,这段话是这样的 if i>0: x=1 y=3 在python中,去掉i>0周围的括号,去除每个语句尾的分号,表示块的花括号也消失了.多出来:(冒号),还有x=1

python学习之第十六课时--函数的作用及定义

例子: 当我们知道半径r的值时,就可以根据公式计算出面积,假设我们需要计算3个不同大小的圆的面积: #!/usr/bin/env python # -*- coding:utf-8 -*- r1=2.34 r2=7.28 r3=10.32 s1=3.14*r1*r1 s2=3.14*r2*r2 s3=3.14*r3*r3 当代码有规律的重复的时候,每次写3.14*x*x不仅很麻烦,而且如果要把3.14改成3.14159的时候得全部替换 有了函数,我们不再每次写s=3.14*x*x,而是写成更有意

CSS简单介绍

一.方式 1.内联式引用 2.内部引用 3.外部引用(链接式引用,导入式引用) 4.优先级(由高到低) 内联式>外部链接式>内部式>外部导入式 二.内联式 1.直接从HTNL标签上注明格式 2.使用方法简单,不建议使用 3.维护成本高 三.内部引用 1.将样式声明在HTMl页面中 2.使用<style>和</style>标签进行声明 3.把CSS代码集中在同一个区域,不仅便于维护,页面结构也清晰了 4.内部定义的样式不能被其他页面所使用 5.内部引用只使用与对特殊

第六课作业——主从复制和sentinel高可用

第六课时作业 静哥 by 2016.3.21~2016.4.3   [作业描述] 1.配置主从复制,截图看日志 2.配置一个哨兵,一主一从结构,并实现主宕机从接管的过程,截图显示 3.总结哨兵的原理 一.配置主从复制 1.系统环境 2.启动redis-1 redi-2服务,如下: 3.设置主从复制: 方法-1:在从库redis-2的配置文件redis.conf里指定slaveof参数: 方法-2:redis-cli命令进入redis客户端后,slaveof指定: 以上2种方式,均可以指定redi