解说:整个HTML格式分为两大部分,一个是head部分,一个是body部分,其中head部分是用于书写网页样式,而body部分用于书写网页主题
(2)class选择器:必须在style中进行声明,在标签中进行引用,声明的时候使用“.”进行声明,多个class选择器可以同时作用于一个标记。
id选择器:必须在style中进行声明,在标签中进行引用,声明的时候使用“#”进行声明,他是唯一的,取名的时候不能使用关键字
box-showdow:水平阴影的位置,垂直阴影的位置,高斯模糊的距离,阴影的宽度,阴影的颜色以及透明度,阴影的样式
对于块元素,我们若指定了宽度,可以使用margin-left与margin-right取值为auto来进行水平居
(11)background:背景颜色 背景图片链接地址 背景图片平铺方式 背景图片水平方向的位置 背景图片垂直方向的位置
高度塌陷出现的契机:当没有给父元素高度,并且它里面所有的子元素都发生浮动的时候,会出现高度塌陷。
why? 父元素没有指定高度,那么它的高度由其子元素来决定,当子元素都给了浮动,【浮动是脱离文档流的(不再占据自己原本的位置)】,
使用它们两个的时候,都可以实现不可见的功能,但是opacity:0的时候,这个元素它存在只是透明度发生变化
1.拿到一个需求,第一步不是去按照自己的想法立刻去敲代码,首先应该做好规划,就以写静态网页为例,写规划的时间要远远小于你自己后期改代码的时间。
2.添加注释。添加注释是很好的习惯,在刚写代码的时候,添加的注释要尽可能的详细,这会为后期的维护和项目的交接提供很好的便利,不然没人看的懂你的代码。
3.变量名的选择。在取变量名的时候,千万不要使用拼音,因为拼音看多了,真的是接受不了。使用英文的变量名会好很多,见文知意。
首先:对于这个导航栏分析一下,第一个cnds图标放在一个盒子里(logo),然后给文字信息一个盒子(content),所以CNDS和文字信息都在同一个盒子(nav)
(6)页面的制作完全按照设计稿 文字 和图片可以随便复制,但是布局出来的效果要和设计稿一样
的同学。该实例里面有设置了css的样式设置,有div的 样式格局,同样的也有js的动画效果,这个实例比较全面,有助于同学的学习。本实例仅供参考,其他行为自负。本实例分为四篇来观看。一共有一个
文件,三个css样式表,三个js,有16张图片。其中img里面的图片可以自行下载,或用本实例里面的图片。测试项目是建议大家用谷歌......
这是我们要制作的网站首页 我们接下来将分块进行解析:顶端模块:我们将顶端模块分为两个div,分别通过float属性和margin属性达到我们想要的布局效果.此处我试用的高和宽皆为像素定值,实际很多地方高都不需为定值,使其根据内容自适应大小即可.因为是像素设置的原因,所以当浏览器窗口缩小,浏览器窗口像素相应减小.此时div的宽又无法自适应调整,如果浏览器一行无法放下的话,di......
去底部 去指定位置这是我的个人博客东风破周杰伦一盏离愁 孤单伫立在窗口我在门后 假装你人还没走旧地如重游 月圆更寂寞夜半清醒的烛火 不忍苛责我一壶漂泊 浪迹天涯难入喉你走之后 酒暖回忆思念瘦水向东流 时间怎么偷花开就一次成熟 我却错过谁在用琵琶弹奏 一曲东风破岁月在墙上剥落 看见小时候犹记得那年我们都还很年幼而如今琴声幽幽 我的等候你没听过谁在用琵琶弹奏 一曲东风......

