html注册页面综合练习以及CSS初始学习
下午开始了第二次隔离人员的采样,应该离回去不远了吧,真的好想回寝室回到自己的小窝呀好想和室友同学上食堂吃饭好想去浴星湖散步,现在连小小的愿望都成了奢侈,还得知赣州的感染人员在第三次检查的时候才查出阳性,还挺紧张的这次的采样后天才能查到吧,太恨病毒了藏那么深三番五次的打扰我们的生活节奏。好在傍晚有老师给我们送温暖,原来江西应用科技还有人情味的,最后附上一张美食照^^
学的东西还要反复的复习和练习,才能成为自己的知识呢,在注册页面综合练习中花了挺长时间的,老师一讲啥啥我都要翻笔记才想起来--!今天学到用W3C网站可以复习并练习html
开启了CSS的学习,口述:html页面太简陋需要CSS的一些装饰
即html专注结构呈现,样式交给CSS 即结构HTML与样式CSS相分离
CSS语法规范
CSS规则由两个主要的部分构成:选择器以及一条或多条声明
选择器适用于制定CSS样式的HTML标签,花括号内是对该对象设置的具体样式
属性和属性值以"键值对"的形式出现
属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等
属性和属性值之间用英文":" 分开
多个"键值对"之间用英文";"进行区分
养成美观的书写风格
习惯用展开格式
h3 {
color: pink;
font-size: 20px
}
空格规范
h3 {
color: pink
}
属性值前面,冒号后面,保留一个空格
选择器(标签)和大括号中间保留空格
CSS选择器的作用
选择器(选择符)是根据不同需求把不同的标签选出来这就是选择器的作用,就是选择标签用的
找到所有的h1标签,选择器(选对人)
设置这些标签的样式,比如颜色为红色(做对事)
基础选择器又包括:标签选择器、类选择器、id选择器和通配符选择器
标签选择器
标签选择器(元素选择器)是指用html标签名称作为选择器,按标签名称分类,为页面中某一类标签指定同意的CSS样式
语法 标签名{
属性1:属性值;
属性2:属性值;
属性3:属性值;
}
标签选择器可以把某一类标签全部选择出来,比如所有的<div>标签和所有的<span>标签
优点 :能快速为页面中同类型的标签同意设置样式 缺点 :不能设计差异化样式,只能选择全部的当前标签
类选择器
如果想要差异化选择不同的标签,单独选一个或者某几个标签,使用类选择器
语法
结构需要用class属性来调用class类的意思
<div class="red">
变红色</div>
类选择器口诀:*样式点定义 结构类(class)调用 一个或多个 开发最常用*
类选择器使用:"."(英文点号)进行标识,后面紧跟类名(自定义,我们自己命名的)
可以理解为给这个标签起了一个名字,来表示
长名称或词组可以使用中横线来为选择器命名
不用使用纯数字、中文等命名,尽量使用英文字母来表示
命名要有意义,尽量使别人一眼就知道这个类名的目的
类选择器-多类名
简单理解一个人多个名字
1.<div class="red font20">亚瑟</div>
2.在标签class属性中写多个类名
3.多个类名中间必须用空格分开
4.这个标签就可以分别具有这些类名的样式
我怕看的太多又忘记了边学边复习吧就,让知识点在自己脑子里多存留点时间,早点睡觉啦对抗疫情坚持到底!
html注册页面综合练习以及CSS初始学习相关推荐
- 表格标签,今日小说排行榜案例,合并单元格,无序列表,有序列表,自定义列表,表单标签,注册页面综合案例
表格标签 表格主要用于展示数据 <table><tr><td>单元格内的文字</td>...</tr>... </table> ...
- 前端学习笔记(注册页面综合案例html5)
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- html写注册协议页面,注册页面编写(html/css)
图样展示 照片在WEB-INF下方的image中 特别适用于初学者 regist.html XINGGou 欢迎注册 已有帐号? 请登录 支持中文.字母.数字."-"." ...
- 【前端学习日志】HTML表格表单注册页面案例+CSS选择器
今日学习 一.HTML部分 1.表格的基本语法 2.表头单元格标签 3.还是表头单元格标签 4.小说排行榜案例 5.合并单元格 6.无序列表 7.有序列表 8.自定义列表 9.表单域 10.Input ...
- HTML 表格标签、列表标签、表单标签(案例: 注册页面)
1. 表格标签 表格是实际开发中非常常用的标签: 1. 表格的主要作用 2. 表格的基本语法 1.1 表格的主要作用 表格主要用于显示.展示数据,因为它可以让数据显示的非常的规整,可读性非常好.特别是 ...
- HTMLCSS实现经典登录注册页面
提要:本篇文章说的是一个简单的登录.注册页面用HTML结合css如何实现,包括两个页面的相互跳转,不包括对输入数据的处理,适合刚入门的新手小白. 1.首先看一下最后的实现效果:首先是一个登录界面,点击 ...
- HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
- 一个注册页面的前端模板(html+css+javascript)可自适应屏幕
一个注册页面的前端模板(html+css+javascript)可自适应屏幕,修改样式即可用. 截图 代码 <!DOCTYPE html> <html><head> ...
- 综合案例-注册页面(HTML)
综合案例-注册页面(HTML) <!DOCTYPE html> <html lang="en"><head><meta charset=& ...
最新文章
- pat 乙级1033 旧键盘打字(20)
- Google Chrome v48.0.2564.
- 微信摇一摇插件ios_微信开发平台 Jeewx-Boot
- cefsharp49显示html,CefSharp-cefshar
- 根据谁创建资源授权资源
- 数据绑定和第一个AngularJS 应用
- 或成为性能宠儿,荣耀8x Max 骁龙660版首销在即
- linux内核分析及应用 -- Linux 的进程隔离技术与 Docker 容器
- mysql commit undo_详细分析MySQL事务日志(redo log和undo log)
- array在java_在Java中的ArrayLists之间进行转换
- oracle学习笔记 后记
- 基于车牌形状和颜色的车牌定位
- python算法之罗马数字转换阿拉伯数字
- 中兴V889DRoot后可删和不可删
- BAPI_EXCHANGERATE_GETDETAIL 取汇率
- mysql经典sql语句大全_经典SQL语句大全(sql查询语句大全集锦)
- 从一个男人的角度告诉你如何选老婆 (实在是写的太好了 忍不住转一个)
- 小米商城登录,注册功能的实现!
- 年产1万吨L-赖氨酸干粉工厂的设计-发酵工段及车间的设计(lunwen+CAD图纸)
- 第三方登陆——QQ登陆详解
热门文章
- java学习-ztree设置某个字段为父id字段
- 【恒指早盘分析】恒指的六大交易错误
- P1061 [NOIP2006 普及组] Jam 的计数法
- 聊一聊前端中常说的接口
- switch写打折促销活动C语言,求C语言大神编一个程序(分别用switch和if-else结构)某商店推出打折活动,要求购物达到或超过2000元的...
- python tuple基本用法
- 功率变送器让造纸磨浆机控制系统的可靠又安全
- 20201222英语单词学习(仅供自己记录)
- Android原生音频变调代码流程分析
- 计算机设备 软件总账和明细账,广东省会计从业资格考试《初级会计电算化》实务操作练习题.doc...