2020-11-18

学习目标:

看完视频,做完相应练习

学习内容:

在这里插入图片描述

学习时间:

1、 周三早上10:30到12:00
2、 周三下午4点30到6点
3、 周三晚上8点到9点

学习产出:


1.查看图片大小(1.开发者工具 2.截图)
2.链接地址为#则会跳转到当前页面的顶部
3.id属性每个标签可以设置,作为标签的唯一标识,并且起名不能重复
4.超链接是写邮件:href:mailto:
5.css(层叠样式表):css样式编写到标签的style属性里面style="color:red;"

style="color:red ; font-size:20px;"

内联样式:样式直接编写到style属性中,只对标签中的内容起作用(不推荐使用)
外联样式:cssy样式写到head的style标签里面<style type ="text/css"></style>

p{color:red;font-size:40px;}

外部样式表:style.css,通过link标签来引用外部css样式表,link标签是自结束标签,并且有两个固定属性,rel="stylesheet; type="text/css‘ 添加外部的样式表: href=“相对路径” 这样结构和表现完全分离并且最大限度复用并且通过link标签的引入,可以加速浏览器的访问速度(有缓存)
6.css的语法:
(1)CSS里面不能有html的东西(包括注释)
(2)CSS注释:/* */(只能在style标签里面或者css文件中)
(3)选择器(选择元素,并将声明块中的样式应用在对应元素上)
      声明块:{color:red; font-size:20px;}
7.Hbuilder X:!和tab就可以有模板; 内置浏览器(边改边看);alt加/有提示功能; ctrl d删除一行; ctrl 换行:改变光标位置
8.内联和块元素:
div就是一个块元素(独占一行的元素,比如p h1 br),div标签没有任何语义,没有任何默认样式,主演用来对页面进行布局
span是一个内联元素(行内元素,只占自身大小的元素,一行容不下之后会自动换行。比如:a img iframe ), span没有任何语义,用来选中文字以及设置文字样式。
一般用块元素包含内联元素,内联元素不包含块元素,但a可以包含任何元素,除了他本身。p元素不可包含任何其他块元素
9.常用选择器:
p{ } ------元素选择器
#id{ }-----id选择器
.class{ }-----类择器(class可以次重复,可以给一个元素设置多个class属性值,多个值之间空格分开
选择器分组:选中多个选择器对应的元素 选择器1,选择器2,
选择所有元素:通配选择器 *{ }
复合选择器:符合多个选择器 选择器1选择器2选择器3 对id选择器来说,不适合
完成情况:完成
遇到的问题:基本解决

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值