PHP兔

<?php echo "Hello, World!";?>

· 默认分类 · · 51次浏览

php全栈工程师在成长(3)

这是真正涉及到前端编程的第一部分,也就是用HTML 与CSS 打造出基本的网页,并且利用media query 实现各种大小屏幕的自适应(Responsive Web Design)。

这里主要要掌握网页中一些常见的HTML标签以及css选择器。还要了解网页布局的几种方式。

HTML标签的作用主要负责产生网页元素。比如<DIV>生成一块区域,<form>生成一个表单,<button> 产生一个按钮按钮

CSS选择器,顾名思义,就是用于选中某些元素,然后给他添加样式或者特效。比如p元素选择器,选择所有 <p> 元素;.intro类选择器,选择 class="intro" 的所有元素;#firstname ID选择器,选择 id="firstname" 的所有元素

什么是盒模型(box modal)?

盒模型是一种控制网页元素大小的方案,它主要通过margin border padding等属性,配合元素本身设置的大小,控制该元素的呈现效果。你必须要注意的是,border 以及padding的属性设置会对对元素大小产生影响,所以可以设置元素盒子模型的 box-sizing: border-box;使得border以及 padding不会改变元素呈现出的实际大小。

设置了display: inline, block 与 inline-block 的元素有什么不同?

inline 内联元素

会根据内容自动调整大小
不能设定宽度,高度,边框,背景图片等
如:span img a 标签等等 ...
img元素需要特别说明:img虽然常被归类在内联元素,但其实是可以直接设定宽度,高度,边框,还可以设置水平居中:text-align: center;

block 块级元素

默认会占满父元素的宽度
如:DIV,P,UL,LI,H1,H2 ...
块级元素设置水平居中的方式是: margin : 0 auto

inline-block 内联块元素

它包括了以上两种元素的特性

网页元素定位中,静态,相对,绝对以及固定定位的差别是什么?

static:元素默认的定位方式
relative:相对定位,它可以设置top right bottom left的静态位置
fixed:固定定位也是可以设置top right bottom left进行定位,但是不论页面如何滚动,它总是在那个位置
absolute:是绝对定位,它是相对于其父元素做fixed定位

php全栈工程师在成长(4)--JavaScript技术概述

评论 (0条)