吾爱乐享
个人学习网站

php学习之php的引入文件include和require的使用及区别

吾爱乐享阅读(1757)

1.设置当前php的时区

适合php版本(php4、php5、php7)

date函数—-格式化一个本地时间/日期

说明:

string date(string $format[, int $timestamp])    

string:给我们返回的结果是一个字符串

date():函数名

(string $format):当前函数的参数需要的时哪种类型的数据

[, int $timestamp]:可以写也可以不写的参数

date获取的字符串结果为:格林威治时间—1970-1-1 0:0:0到现在的秒数

<?php
//设置时区:1.函数、2.修改配置文件
//函数:date_default_timezone_set();
date_default_timezone_set('Asia/Shanghai');
$time=date('Y-m-d H:i:s');//获取当前时间
echo $time;
?>

或者在php的配置文件php.ini中设置date.timezone= Asia/Shanghai

修改完配置文件后需要重启php服务

2.三元运算符

说明:三元运算符就是if else的简写形式,建议三元运算符写简单的条件判断,代码部分基本上都是一行

语法:条件表达式?达成的运行的代码:没有达成条件运行的代码;

<?php
$a=2;
echo $a==2?$a:'错误';
?>

三元运算符最多的用在判断某个变量是否存在

$username=$_GET['username'];//是用户提交的不判断会错误,这个需要使用三元进行判断
$username1=isset($_GET['username']?$_GET['username']:'');
echo $username1;

3.require和include

这两个流程控制只有一个作用,把一个文件引入到另一个文件中,去执行代码

语法:

  • require ‘./abc.html’;
  • include’./abc.php’;

require和include的区别

两个的错误级别不一样,错误级别高的会停止运行,错误级别低的会继续运行

require一旦报错停止运行

include可以继续运行代码

  • fatalerror:致命错误
  • warning:警告

require_once和include_oonce:如果引入同一个文件多次,只引入一次

php学习之php的流程控制if和switch的使用

吾爱乐享阅读(1877)

流程控制有哪些:

  • if
  • else
  • elseif/else if
  • while
  • do-while
  • for
  • foreach
  • break
  • continue
  • switch
  • declare
  • return
  • require
  • include
  • require_once
  • include_once
  • goto

1.if语句

语法:if(条件表达式){

表达式为真时运行的代码块

案例:连接数据库

<?php
$con=mysql_connect('localhost','root','');
if($con)(
echo '连接成功';
)
?>

2.if….else语句

语法:if(条件表达式){

达成条件表达式时执行代码块

}else{

执行未达成条件表达式的代码块

}

特点:不管达成还是没有达成条件,都会执行一次代码,要么执行达成的,要么执行没有达成的


3.if….elseif…语句

语法:if(条件表达试1){

达成条件1运行的代码块

}else if(条件表达式2){

达成条件2运行的代码块

}…else{

所有条件都不满足的情况下执行该代码块,可以不行这个else

}

流程控制的替代语法:把php代码嵌入到html中

语法:if(条件表达式1):

达成条件1运行的代码

elseif(条件表达式2):

达成条件2运行的代码

else:

未达成条件运行的代码

endif;

<!--用if替代判断是否显示input输入框-->

<?php $a=2; if($a==1):?>

<input type="text">

<?php endif;?>

<!--用if else替代判断是否显示input输入框-->

<?php $a=3; if($a==1):?>

<input type="text">

<?php else:?>

<input type="radio">

<?php endif;?>

<!--用if elseif替代判断是否显示input输入框-->

<br>

<?php $a=3; if($a==1):?>

<input type="text">

<?php elseif($a==2):?>

<input type="radio">

<?php else:?>

<select>

<option>php</option>

<?php endif;?>

</select>

5.switch语句

语法:

switch(条件表达式—-一般是一个固定的值){

case 值1:

达成case1运行的代码

break;

case 值2:

达成case2运行的代码

break;

case 值3:

达成case3运行的代码

break;

…..

default:

上面都没有达成时运行的代码

}

<?php

//定义一个变量,判断变量值在1-7时分别打印对应的星期

$num=8;

switch($num){

case 1:

echo'星期一';

break;

case 2:

echo'星期二';

break;

case 3:

echo'星期三';

break;

case 4:

echo'星期四';

break;

case 5:

echo'星期五';

break;

case 6:

echo'星期六';

break;

case 7:

echo'星期天';

break;

default:

echo'数字不在星期范围内';

}
?>

php学习之php的运算符的使用

吾爱乐享阅读(1652)

表达式:表达式是php最重要的基石,在php 中。几乎所写的任何东西都是一个表达式,简单但却最精确的定义一个表达式的方式就是任何有值的东西。如$a=1;

运算符分类

  • 运算符优先级
  • 算术运算符
  • 赋值运算符
  • 位运算符
  • 比较运算符
  • 错误控制运算符
  • 执行运算符
  • 递增递减运算符
  • 逻辑运算符
  • 字符串运算符
  • 数组运算符
  • 类型运算符

1算术运算符

算术运算符包括:加(+)、减(-)、乘(*)、除(/)、求余(求模)(%)

<?php
//加法运算符
$a =1;
$b =2;
echo "a与b的和为:";
echo $a + $b ;
//减法运算符
echo "<br>a与b的差为: ";
echo $a - $b;
//乘法运算符
echo "<br>a与b的积为: ";
echo $a * $b ;
//除法运算符
echo "<br>a与b的商为: ";
echo $a / $b;
//求余数
echo "<br>a与b求余为: ";
echo $a % $b ;
?>

注意:

1.当运行算术运算符时,字符串类型的会自动转换为0进行和数字运算,比如:$a=1 $b=’b’,那么在运行算术运算符时,$b的值自动转换为0,$a+$b=1+0=1

案例:

2.赋值运算符:

赋值运算符:= 就是把某个值赋给某个变量

语法:$a=1;

赋值一般说的是把等号后面的值赋值给前面的变量,可以多次赋值,$a=$b=1;

3.比较运算符

  • ==:等于,比较的是值,只要值相等结果就是等于
  • ===:全等,比较的时类型和值,只有两个都相等才相等
  • !=:不等于:类型转换后两个值不相等,返回为true
  • !==:不全等:两个值不相等或他们的类型不同
  • >:大于,
  • <:小于
  • >=:大于等于
  • <=:小于等于
<?php
//比较运算符
$a=1;
$b=1;
$c='1';
if($a===$b){
echo "全等";
}else if($a==$b){
echo "相等";
}else{
echo "不相等";
}
echo "<br>";
if($a===$c){
echo "全等";
}else if($a==$c){
echo "相等";
}else{
echo "不相等";
?>

4.错误抑制符:@

说明:屏蔽一些不重要的错误,不影响当前页面的脚本运行

<?php
$con = @mysql_connect('localhost','root','');
if($con){
echo '连接成功';
}
?>

5.字符串运算符:.或者.=

说明:字符串连接符(拼接),把两个或多个字符串进行连接

<?php
$str1='公众号';
$str2='吾爱乐享';
$str3=$str1.$str2;
echo $str3;
?>

7逻辑运算符:== —

说明:当前的操作数会自动加1或者减1

如果一个操作数,不给赋值,++$a和$a++是一样的。

  • 前加:++$a;先加1在赋值。
  • 后加:$a++;先赋值在加1.
<?php
$a=1;
$b=1;
$b++;
++$a;
echo $a,$b;//结果为2.自身变量操作++$a和$a++结果是一样的
$c=++$a;
echo $c,$a;//结果a=3.c=3两个变量操作,++$a和$a++结果不一样
$d=$b++;
echo $d,$b;//结果b=2,d=3
?>


//利用自增,实现循环遍历

for($n=0;$n<=10;$n++){

echo '<br>a'; 

echo $n; 

}

echo '</br>-----------------';

//利用自增,实现外部变量循环遍历

$z='a';

for($i=0;$i<=10;$i++){

$z++;

echo $z; 




}

php学习之php变量及变量的八种数据类型

吾爱乐享阅读(1629)

1.什么是变量

说明:在php中存储数据的一种方式,就是i可以发生改变的量,这种方式是在内存中开辟一个可以存放数据的空间,给这个空间起个名称,这时候的空间就可以称为一个变量。在运行过程中这个值是可以发生改变的

当前空间的名称就是变量名,当前空间的数据(八种数据类型)就称为变量值

2.定义变量并赋值

定义变量:$变量名; 注意这样定义的变量是可以的 ,但是不能使用,直接输出会报错,必须后面跟一个变量值才可以使用

  • notice:注意
  • undefined:未定义
  • variable:变量

定义变量并赋值:$变量名 = 变量值;

<?php
// $a;
// echo $a;

$a = 1;
echo $a;
?>

3.定义变量的规则

  • 变量名是区分大小写的
<?php
//定义两个变量a、A这是两个不同的变量 最后打印出来的是两个不同的值
$a = 1;
$A = 2;
echo $a,$A;
?>
  • 变量名建议使用有意义的名称,看到变量名就知道是代表啥意思,比如$name、$age、$sex、$get_user_name
  • 命名规则:必须是数字、字母、下划线组成且不能以数字开头。比如:$a1、$A1、$a_1、$_a1、$_2都可以但是不能是$1a。

命名的三种规则方式:

  • 驼峰式命名法:第一个单子首字母小写,其他大写。比如$getUserName
  • 下划线命名法:每个单词用下划线隔开。比如$get_user_name
  • 帕斯卡命名法:每一个单词首字母都大写。比如:$GetUserName

变量常用的几个函数:

  • echo:打印输出变量的值
  • var_dump():打印变量的类型、长度、值
  • isset():判断变量是否存在,如果变量存在且不是null则返回true,否则返回的时false
  • unset():销毁变量

4.变量的八种数据类型

  • 标量类型:int(整数型)、float(浮点型)、boolean(布尔类型)、string(字符串类型)
  • 复合类型:array(数组)、object(对象)
  • 特殊类型:null(空)、resource(资源)

4.1.int:整数型

整数型包括正整数和负整数和0,在定义变量赋值的时候直接写数字就可以了

<?php
$num1 = 1;
$num2 = 0;
$num3 = -1;
$num4 = -0;
var_dump($num1,$num2,$num3,$num4);//都可以打印且都是整数类型
?>

4.2  float:浮点型

说明:包括小数,负小数,正小数和0.0

<?php
$num_float1 = 0.0;
$num_float2 = -0.0;
$num_float3 = -1.0;
$num_float4 = 1.0;
var_dump($num_float1,$num_float2,$num_float3,$num_float4);
?>

4.3 string:字符串型

说明:只要是任何类型的数据加上单引号或双引号就是字符串类型,

string类型有四种方式:

  • 单引号。如:$a=’吾爱乐享’;
  • 双引号。如:$a=”吾爱乐享”;
  • heredoc:双引号的多行写法
  • nowdoc:单引号的多行写法

单引号和双引号的区别:

单引号不能解析变量,双引号可以解析变量

heredoc:双引号的多行方式,也可以解析变量

语法:定界符是自定义的大写

$str = <<<定界符 //定界符后面不能有任何字符包括空格

大量的字符串

定界符; //定界符前面不能出现任何字符和空格,必须是顶头,不能有返回的字符

<?php
$str1 = "吾爱乐享";
$str=<<<ABC
<ul>
<li>吾爱乐享</li>
<li>$str1</li>
<li>学习</li>
</ul>
ABC;
echo $str;
?>

nowdoc:单引号方式,不能解析变量

语法:

$str=<<<‘定界符’

字符串

定界符;

<?php $str1 = "吾爱乐享"; $str=<<<'ABC' <ul> <li>吾爱乐享</li> <li>$str1</li> <li>学习</li> </ul> ABC; echo $str; ?>

4.4   boolean:布尔型

说明:布尔型只有两个值,true和false,布尔值是和一些其他方式配合使用的比如流程控制

其他类型转换为boolean类型时,以下值被认为是false

  • 布尔值false本身
  • 整型值为0
  • 浮点型值为0.0
  • 空字符串,以及字符串“0”
  • 不包括任何元素的数组
  • 不包括任何成员变量的对象(仅php4适用)
  • 特殊类型null(包括尚未赋值的变量)
  • 从空标记生成的simplexml对象

所有其他值都被认为是true(包括任何资源)

4.5 array 数组

说明:数组是能够在单个变量中存储多个值的特殊变量

案例:

<?php
$cars=array("吾爱乐享","php","学习资源");
echo $cars[0],$cars[1],$cars[2];
?>

4.6   object 对象

4.7  空类型

说明:没有任何值的一个给变量定义赋值方式

一般变量被认为是null的情况:

  • 被赋值为null
  • 尚未赋值
  • 被unset():被销毁的变量

4.8   resource资源

说明:它不是一种具体的值,而是一个多种数据的统称

多种数据:上传文件、加载图片、路径、数据库等这些都称为外部资源,不是php本身可以定义的数据

php学习之php的基本语法

吾爱乐享阅读(1426)

1.php的标识符

  • 语法:<?php code; ?>
<?php //开始php标识符
 echo "hello world"; //输出字符串“hello world”
?>//结束标识符
  • php的语句必须以”;”结束.。如果报错parse error 说明是语法错误,检查语法是否完整。
  • php的注释写法
    • 单行注释://和#。//代码中常见用法,解释说明代码的意义,一般写在代码的上面或后面。#注释一般现在代码最开始,注释一些整个php文件的作用和作者、时间
    • 多行注释:/*被注释内容*/。一般是用在函数上,注释整个函数的作用
<?php 
###############
#作者:吾爱乐享 #
#时间:7.7日 #
#php基本语法 # 
###############
//定义两个变量a、b分别赋值1和2
$a=1;
$b=2;
/*
*定义一个sum函数
*$a传值给$c
*$b传值给$d
*return返回两个值的和
*/
function sum ($c,$d){
return $c+$d;
}
$sum=sum($a,$b);
echo $sum;
?>
  • php和html的混编
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<title>网页标题</title>

</head>

<body>

<div >

我的公众号:吾爱乐享<br>

<span style="color:red;">

<?php echo "欢迎关注" ?>

</span>

</div>

</body>

</html>

php学习之php基础知识

吾爱乐享阅读(1588)

1.php介绍

php是一种脚本语言,他是超文本预处理器,就是在服务器运行的可以嵌入html中的脚本语言,是通过php解析器对php代码进行解析后返回到浏览器上,被浏览器识别

  • 服务器:是安装服务器软件的高级电脑,服务器种类有很多,基本上一个服务器软件安装到电脑时,这台电脑就可以作为一个服务器了,如:邮件服务器、web服务器、ftp服务器等
  • web服务器:包括web发布系统、网站开发语言(php、java、.net等)、数据存储机制
    • web服务器种类
      • 虚拟主机
      • vps
      • 服务器
    • 域名:访问网站方便记忆,包括很多中.com、.cn、.net等
  • 开发php的web服务器主流:wamp和lamp
    • wamp:windows+apache+mysql+php
    • lamp:linux+apache+mysql+php
  • 脚本语言:是一个以php结尾的脚本文件
  • 嵌入到html:就是把html代码写到php文件中,php代码和html代码互相嵌套
  • 运行原理:

2.php运行环境

php网站运行环境分两种:集成环境和自定义环境安装

wamp和lamp都属于集成环境,就是把apache+mysql+php进行打包,只安装一个集成软件包,就可以同时把apache、mysql、php都安装了,省去了一个个的安装和环境的配置,适合新手使用

常见的基础的集成环境:wampserver、phpstudy等

 

php学习之html5+css3新增的选择器

吾爱乐享阅读(1544)

1.新增选择器

  • input[class]:表示选择input元素含义class属性
  • input[class=”xx”]:表示选择input元素含义class属性,且class值为xx
  • input[name^=xx]:表示选择input元素,name属性值以xx开头
  • input[name$=xx]:表示选择input元素,name属性值是以xx结尾的
  • input[name*=xx]:表示选择input元素,name属性的值含有xx字符串

如图:

2.新增伪类选择器

  • E:first-child                            E的父元素的第一个子元素
  • E:last-child                             E的父元素的最后子元素
  • root类似于html,是文档的跟元素
  • E:nth-child (n)                       E的父元素的第n个子元素
  • E:nth-last-child(n)                 E的父元素的倒数第n个子元素
  • E:empty                                不包含任何内容 元素
  • E:enabled                               匹配可用的元素
  • E:disabled                             匹配不可用的元素
  • E:checked                             匹配选中的元素

如图:

3.css3新增的伪类选择器

  • :before      在盒子的内部的前面插入一个行显示的盒子
  • :after          在盒子的内部的后面插入一个行显示的盒子

注意:这两个选择器必须和content一起使用,即使没有内容插入,也要写个空字符串

如图:

4.border-radius属性

border-radius是圆角的意思,用法border-radius:19px;和padding的用法一样

如图:

5.box-shadow属性

box-shadow是阴影

  • box-shadow:3px(水平阴影) 2px(垂直阴影) 1px(羽化值) 4px(阴影大小) #fff(阴影颜色) inset(阴影类别(内阴影、外阴影)  /各个属性名称

如图:

6.块元素居中显示(transform定位)

  • translate:以原点为坐标进行移动的方式 。  用法:transform:translate(10px,20px);以左上角为原点先左右在上下
  • 2D旋转效果 transform-origin。  用法:transform-origin:top left;鼠标放上事件要旋转的角度,transform:rotate(45deg);
  • css3的斜切效果。用法:transform: skewX(45deg);水平斜切45度
  • 图片旋转的效果: transition:all 2s;过度:多长时间实现效果。transform:rotate(360deg);旋转30度
  • 3D沿着x轴底部旋转,transform-totatex(50deg):
  • 放大效果:
    • transform:scale(0.5);表示x轴和y轴都是缩放0.5倍
    • transform:scaleX(0.5);在x轴的方向上缩放0.5倍
    • transform:scale(2,3).表示x轴缩放2倍,y轴缩放3倍

[erphpdown]css3圆角border-radius[/erphpdown]

php学习之html5+css3的常用标记属性

吾爱乐享阅读(1771)

1.details, summary, mark标签  动态下拉展示效果

  • details:下拉详情
  • summary:下拉菜单的内容概述
  • mark:下拉的名称标记

如图:

2.video和audio多媒体标记

  • audio:目前<audio>元素支持三种音频格式文件:mp3、wav、和ogg
    • 属性auoplay:自动播放
    • controls:控件,只有该控件才能出现播放按钮,必写
    • loop:循环播放
    • muted:静音
    • preload:加载方式,默认是auto自动加载,还有metadata预加载、none不加载、auto
    • url:规定音频文件的url

如图:

  • video:目前<video>元素支持三种视频格式:mp4、webm、和0gg
    • 属性auoplay:自动播放
    • controls:控件,只有该控件才能出现播放按钮,必写
    • width:设置播放器的宽度   值:数字
    • height:设置视频播放器的高度。值:数字
    • loop:循环播放
    • muted:静音
    • preload:加载方式,默认是auto自动加载,还有metadata预加载、none不加载、auto
    • poster:播放前显示的图片  值为url
    • url:规定音频文件的url

如图:

3.input公共属性

  • required:表单必填属性,有了该属性就不能为空
  • placeholder:表单提示信息,存在默认值将不显示
  • autofocus:自动聚焦属性,页面加载完成自动聚焦到指定表单
  • autocomplete:自动提示功能。值:on、off

如图:

4.input元素其他属性

  • type=”email”:限制用户输入必须为email类型
  • type=”url”:限制用户输入必须为url类型
  • type=”date”:限制用户输入必须为日期类型
  • type=”time”:限制用户输入必须为时间类型
  • type=”month”:限制用户输入必须为月类型
  • type=”week”:限制用户输入必须为周类型
  • type=”number”:限制用户输入必须为数字类型
  • type=”range”:产生一个滑动条的表单
  • type=”search”:产生一个搜索意义的表单
  • type=”color”:产生一个颜色选择表单

常用的input属性:text(文本)、submit(提交)、password(密码)、checkbox(多选)、select(下拉)、radio(单选)、textarea(文本域)、image(图片提交)、reset(重置)、button(普通提交)、file(上传附件)、hidden(隐藏域)

5.通用属性contenteditable和hidden

  • contenteditable:把普通元素做成可以输入内容的元素
  • hidden:隐藏属性

php学习之div+css分享吧首页案例(四)

吾爱乐享阅读(1733)

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>分享吧首页</title>

  <style type="text/css">

*{padding:0px;margin:0px;}

body{font-size:16px;}




.header{

width:100%;

height:40px;










}

.h-left ul li{list-style:none;float:left;margin:10px;20px;}

.h-left ul li a{text-decoration:none;}

.h-left ul li a:hover{color:#99ffcc;}

.h-right ul li{list-style:none;float:right;margin:10px;20px;}

.h-right ul li a{text-decoration:none;}

.h-right ul li a:hover{color:#99ffcc;text-decoration:none;}

.nav{

width:100%;




margin:10px;




font-size:20px;




}

.logo{

float:left;

width:350px;

}

.n-nav{

float:left;

list-style:none;

margin:10px 20px;

}

.n-nav a{text-decoration:none; list-style:none;}

.n-nav a:hover{

color:#33cccc;

}

.clear{

clear:both;

}

.content{

width:100%;

height:700px;

background:#dcdadb;

}

.con-left{

float:left;

margin:10px auto;

padding:20px 0px 0px 30px ;

width:70%;




}

.con-left-top{




line-height:30px;

height:100px;

width:100%;

background:#ffffff;

}

.h3{

margin:20px;

color:#676767;

}

.con-left-bottom{




width:100%;

background:#ffffff;




}

.con-left-bottom-img{

width:230px;

height:170px;

float:left;




}

.con-left-bottom-p ul li{

list-style:none;

float:left;

margin:10px;







}

.con-left-bottom-p {

padding-top:20px;




}

.abs{




position:relative; 

}

.con-left-bottom-p p{




position:absolute;

left:220px;

top:50px;

line-height:30px;




}

.biaoqian{

background:#66ccff;

padding:5px;

color:#ffffff;

}

.con-right{

width:25%;

float:right;

padding-right:30px;




}

.login{

margin-top:30px;

background:#ffffff;

width:100%;







}

.login h3{

background:#eeeeee;

padding:10px;

}

.right-img{

text-align:center;

}

.login img{

width:250px;

height:250px;







}

.footer{

width:100%;

position:relative;




}

.footer ul{




position:absolute;

left:50%;

}

.a1{

margin:10px;

float:left;

list-style:none;




}







  </style>

 </head>

 <body>

  <div class="header">

<div class="h-left">

<ul>

<li><a href="#">Hi, 吾爱乐享</a></li>

<li><a href="#">进入会员中心</a></li>

<li><a href="#">后台管理</a></li>




</ul>

</div>

<div class="h-right">

<ul>

<li><a href="#">关注本站</a></li>

<li><a href="#">RSS订阅</a></li>

<li><a href="#">QQ群</a></li>

<li><a href="#">电子邮箱</a></li>

</ul>

</div>

  </div>

  <div class="nav">

<div class="logo"><img src="./images/logo-1.png"></div>

<div>

<ul>

<li class="n-nav"><a href="#">首页</a></li>

<li class="n-nav"><a href="#">微擎/微赞</a></li>

<li class="n-nav"><a href="#">学习语录</a></li>

<li class="n-nav"><a href="#">免费资源</a></li>

<li class="n-nav"><a href="#">精品软件</a></li>

<li class="n-nav"><a href="#">网络资源</a></li>

<li class="n-nav"><a href="#">wordpress</a></li>

<li class="n-nav"><a href="#">软件测试</a></li>

</ul>

</div>

  </div>

  <div class="clear"></div>

  <div class="content">

<div class="con-left">

<div class="con-left-top">

<h3><span style="color:red">【今日观点】</span> php学习之div+css其他属性(三)</h3>

<p>1.兼容性: 说明:兼容性也是浏览器的显示效果,不同的浏览器会有稍微的差别 主流浏览器包括:ie、谷歌、火狐、safari浏 ...</p>

</div>

<h3 class="h3">最新发布</h3>

<div class="con-left-bottom">




<div class="con-left-bottom-p">

<div class="con-left-bottom-img">

<img src="./images/01.jpg">

</div>

<h4><span class="biaoqian">php学习</span>php学习之div+css其他属性(三)</h4>

<ul>

<li>2018-06-03</li>

<li>吾爱乐享</li>

<li>阅读(23)</li>

<li>评论(0)</li>

</ul>

<div class="abs">

<p>1.兼容性: 说明:兼容性也是浏览器的显示效果,不同的浏览器会有稍微的差别 主流浏览器包括:ie、谷歌、火狐、safari浏 ...</p>

</div>

</div>




<div class="con-left-bottom-p clear">

<div class="con-left-bottom-img">

<img src="./images/01.jpg">

</div>

<h4><span class="biaoqian">php学习</span>php学习之div+css其他属性(三)</h4>

<ul>

<li>2018-06-03</li>

<li>吾爱乐享</li>

<li>阅读(23)</li>

<li>评论(0)</li>

</ul>

<div class="abs">

<p>1.兼容性: 说明:兼容性也是浏览器的显示效果,不同的浏览器会有稍微的差别 主流浏览器包括:ie、谷歌、火狐、safari浏 ...</p>

</div>

</div>

<div class="clear"></div>

</div>




</div>

<div class="con-right">

<div class="login">

<h3>分享吧小程序</h3>

<div class="right-img">

<img src="./images/300.jpg">

</div>

</div>

<div class="login">

<h3>分享吧小程序</h3>

<div class="right-img">

<img src="./images/300.jpg">

</div>

</div>

</div>

  </div>

  <div class="footer">

<ul >

<li class="a1"><a  href="#">@2018</a></li>

<li class="a1"><a href="#">分享吧</a></li>

<li class="a1"><a  href="#">网站地图</a></li>

</ul>

  </div>

 </body>

</html>

php学习之div+css其他属性(三)

吾爱乐享阅读(1742)

1.兼容性:

说明:兼容性也是浏览器的显示效果,不同的浏览器会有稍微的差别

主流浏览器包括:ie、谷歌、火狐、safari浏览器

兼容性说的一般是ie浏览器的6、7、8版本,原因是ie的6、7、8版本不是按照w3c标准来开发的,一般企业站或者政府网站用的

问题及解决方法:

1.在ie6中块元素如果加上float和margin-left、right会双倍显示

解决方法:在当前元素上加上display:inline; 

2.ie上下的margin会合并,并且取其中的最大值

解决方法:在当前元素上加上display:block;

3.每个浏览器的默认设置都不一样,所以必须初始化(常见的)

  • margin:0px;
  • padding:0px;
  • ul li:list-style:none;
  • img:border:0px;
  • body:font-size:14px;(设置初始化的大小字统一)

2继承性

说明:html标记内部的元素可以集成外部的样式,所以有的时候可以不用设定最底层的元素

3.优先级

标记选择器:通配符(*)、标记(div)、类(.class)、id(#id)、后代(div ul li)、子类(div>li)、伪类(超链接中)、多元素(结合几种用法)

引入方式:内嵌、内行、外链、@import

优先级:离当前元素越近优先级越高

id>class>后代>子类>标记>通配符

行内> 内嵌>外链

4.overflow:溢出隐藏

overflow:溢出隐藏       属性值:hidden

案例:

5.z-index(元素叠加层级)

说明:设置元素叠加层级,值越大显示的层级越高

正常的是固定定位后,后面的会覆盖前面的,也就是蓝色在红色上面,但是给红色加了x-index层叠后,数值大于蓝色的,所以会覆盖在蓝色上面

6.cursor:鼠标样式

说明:鼠标显示的效果,如:箭头、小手、十字

语法:cursor:样式名称   如:cursor:pointer;

鼠标样式列表:

推荐免费资源共享,个人经验总结学习

联系我们联系我们