day07-编辑网页文本(补充)/超链接伪类样式/列表样式/背景样式/JavaScript基础(组成和基本结构)

0目录

1.编辑网页文本(补充)

2.超链接伪类样式

3.列表样式

4.背景样式

5.JavaScript基础(组成和基本结构)

1.编辑网页文本(补充)

1.1文本修饰:text-decoration属性规定添加到文本的修饰

上划线overline、删除线line-through、下划线underline

垂直对齐方式:vertical-align属性

top把元素的顶端与行中最高的顶端对齐

middle把此元素放置在父元素的中部

bottom使元素及其后代元素的底部与整行的底部对齐

1.2排版文本段落-文本阴影:text-shadow

v-shadow 必需,垂直阴影的位置,正值向下,负值向上

h-shadow 必需,水平阴影的位置,正值向右,负值向左

color 可选,阴影的颜色

2.超链接伪类样式

“:hover”

定义:选择鼠标移动到连接上的样式

3.列表样式

list-style:none

定义:对HTML列表进行样式的设置(去除小圆点)

4.背景样式

4.1背景颜色:background-color

4.2背景图像:background-image

background-image:url(图片路径)

4.3背景重复:background-repeat

背景图像默认上下左右重复铺满浏览器

repeat-x:水平方向重复平铺

repeat-y:垂直方向重复平铺

no-repeat:不平铺

4.4背景定位:background-position

常用left top 左上

center top 中上

right bottom 右下

center 水平和垂直居中

5.JS组成和基本结构

5.1 JavaScript缘由

  1. 可以实现HTML/CSS初级验证实现不了的复杂的校验
  2. 减轻服务器压力(在发送请求到服务器之前使用JS验证客户端)】
  3. W3C标准:结构化(HTML),表现化(CSS),行为化(JavaScript)

5.2 JavaScript定义:JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。

(1)一种脚本语言

(2)有一定的安全性能

(3)一种基于对象的一种语言(创建对象/面向对象)

(4)定义一堆事件(方法/函数)并进行调用

5.22  JS特点:

(1)交互性(动态的行为)

(2)脚本性(批量执行)

(3)解释性(边执行边解释)

5.23  JS组成部分:

ECMAScript(核心语法,JS前身)

DOM(文档对象模型 Document object model)

BOM(浏览器对象模型 )

5.3 JavaScript基本结构:<script type=text/javascript>

特点1:script标签是JS脚本的标签元素名

特点2:type=text/javascript代表 告诉浏览器<script>标签内部是JS代码

特点3:alert(“xxx”);代表网页中弹出提示框,并且提示框的内容是xxx

5.4 JavaScript实战

特点1:<script>标签一般可以存放在页面中的任何位置

特点2:建议在开发过程中,一般存放在body的最下方(HTML最下方)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值