SSLUKA-CSDN博客

原创 Js运算符与表达式

1.表达式表达式时用于JavaScript脚本运行时进行计算的式子，可以包含常量、变量、运算符2.运算符1）算术运算符+、-、*、/、%++、–分为前缀和后缀形式，前缀形式先加/减1再执行，后缀先执行再加/减1tip：+号用来连接两个字符串只要+连接的操作数中有一个时字符串型，Js就会自动把非字符串型数据作为字符串型数据来处理Js代码的执行顺序是从左到右，所以在+连接的表达式中，遇到字符，可以自动转换为数值型的数据，）仍被作为数值来处理。为了避免这种情况，我们可以

2020-06-12 20:55:38 446

原创 JS数据类型

1.数据类型1>数值型JavaScript中的数值包含整数和浮点数，所有的数值都以双精度浮点型来表示。双精度浮点值可以表示-2的53次方到2的53次方的整数，也可以表示为正负1.7976的10次方的最大值和正负2.2250乘以10的-308次方的浮点数<1>十进制数例：12，1.2，-23，.222e33，-1.3e3，3.E-2，12e+20<2>十六进制数例：0X0，0XABCDEF，0x1a2b3c4d<3>八进制数例：00,0123,02

2020-06-11 20:51:55 435

原创 JS变量

1.声明变量声明变量<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script>//通过var关键字声明变量 var a;//声明变量的同时给变量赋值 var text='this is a test'; var text1=12

2020-06-10 11:36:54 294

原创 JS简介

1.概念JavaScript是Netscape公司为navigator浏览器开发的，是显示在HTML文件中的一种脚本语言，能实现网页内容的交互显示。当用户在客户端显示该网页时，浏览器就会执行JavaScript程序，用户通过交互的操作来改变网页的内容，来实现HTML语言无法实现的效果。2.如何使用JavaScript三种形式：通过< script >< /script >中直接编写通过< script src=“目标文件的URL”>< /script &

2020-06-09 20:32:57 885

原创 CSS3的变形功能

transform功能的使用transform：功能；-ms-transform：功能；/* IE9 */-moz-transform: 功能;/Firefox/-webkit-transform: 功能;/Safari 和 Chrome/-o-transform:功能;/Opera/rotate旋转，在参数中规定角度1.使用方法：-ms-transform: rotate(角度);/IE9/-moz-transform: rotate(角度);/Firefox/-webkit-t

2020-06-08 21:14:17 191

原创盒模型的知识总结

1.盒的基本类型1> 盒基本分为block类型和inline类型2> 对比inline-block类型1>概念inline-block属于block盒的一种，在CSS2.1中追加inline-block类型，是为了让并列显示多个block类型的元素操作变得简单，但是在显示时具有inline类型盒的特点。例：在div元素中分别将display设置为inline-block和inline后他们的效果一样。2> inline-block和inline区别<!DOCT

2020-06-06 20:59:04 257

原创 CSS3中边框相关的样式

border-radius属性(圆角边框）1.作用可以进行圆角边框的绘制2.使用方法样式备注border-radius：半径；border-radius：半径半径；第一个半径作为边框左上角和边框右下角的圆半径来绘制；第二个半径作为边框右上角和边框左下角的圆半径来绘制border-top-left-radius：左上角半径–border-bottom-left-radius：左下角半径border-top-right-radius：右上角半径

2020-06-06 16:32:23 252

原创 CSS3中新增的背景属性

新增的背景属性属性功能backgroun-clip指定背景的显示范围background-origin指定绘制背景图像时的起点background-size指定背景中图像的尺寸background-break指定内联元素的背景图像进行平铺时的循环方式1.background-clip属性（1）作用主要是用来控制背景显示区域background-clip：border-box||padding-box||content-box（2）分类名

2020-06-05 20:37:16 940

原创 overflow属性

overflow属性1.概念用来指定对盒中容纳不下的内容的显示办法2.取值属性名作用hidden超出容纳范围的文字被隐藏起来scroll在div元素中出现水平与垂直的滚动条，超出的内容被滚动显示auto在文字超出div元素的容纳范围时，根据需要出现水平滚动条或者是垂直滚动条，滚动显示超出的内容visible和不使用overflow时候的显示效果一样，超出容纳范围的文字按原样显示3.例子例1：<!DOCTYPE html><h

2020-06-04 20:18:06 1179

原创 @font-face属性和服务器端字体

@font-face1.@font-face属性的使用方法@font-face{font-family:webFont;src:url(‘font/字体名称.otf’)format(“opentype”);}ps:font-family属性值中使用webfont来声明使用的是服务器端字体，即设置文本的字体名称。src属性值中首先指定了字体文件所在的路径。format声明字体文件的格式，可以省略文件格式的声明，单独使用src属性值。2.可以使用的字体文件格式字体格式字体属性

2020-06-03 21:14:22 2952

原创文字阴影和自动换行

1.文字阴影text-shadow:length length length color第一个length表示的是阴影离开文字的横方向距离。第二个length表示的是阴影离开文字的纵方向距离。第三个length表示的是阴影的模糊半径，代表阴影向外模糊时的模糊范围。color表示的是阴影的颜色，可以放在三个参数之前，也可以放在三个参数之后。（去掉color这个参数后会默认继承和h1的颜色）例：<head> <meta charset="UTF-8"> &

2020-06-02 21:27:34 187

原创 UI元素状态选择器：E:hover，E:focus，E:active

基础知识1.E:hover选择器1)概念：被用来指定当鼠标指针移动到元素上时元素所使用的样式。2)使用方法：<元素>:hover{CSS样式}2.E:active选择器1)概念：被用来指定元素被激活时使用的样式。2)使用方法：<元素>:active{CSS样式}3.E:focus选择器1)概念：被用来指定元素获得光标集聚点使用的样式，主要是文本框控件获得聚集点并进行文字输入时使用。2)使用方法：<元素>:focus{CSS样式}Tip

2020-06-01 20:18:22 784

原创 CSS3中的属性选择器

相较于CSS，CSS3中增加了三个属性选择器：[att*=val],[att^=val],[att$=val].[att^=val]属性选择器基本概念：如果元素用att’表示的属性的值中包含用val指定的字符，那么该元素使用这个样式。<head> <meta charset="UTF-8"> <style> [id*=section]{ background: blue; } </style>

2020-05-31 21:29:39 254

原创一个网页请求从输入到最终显示到页面的流程个人理解笔记

一个网页请求从输入到最终显示到页面的流程一个网页请求从输入到最终显示到页面的流程，大致如下：1）在客户端浏览器中输入网址URL；2）客户端浏览器会先查看浏览器缓存—系统缓存—路由缓存，如存在缓存，就直接显示。如果没有，则至第三步3）发送至DNS服务器(域名服务器)并获得域名对应的WEB服务器的IP地址；4）客户端浏览器与WEB服务器建立TCP(传输控制协议)连接；5）客户端浏览器向WEB服务器的IP地址发送相应的HTTP或HTTPS请求；6) WEB服务器响应请求并且返回指定的UR

2020-05-30 20:11:48 412

SSLUKA的博客