- 博客(11)
- 收藏
- 关注
原创 2.4盒模型
一、盒模型基本概念1、认识盒模型 什么是盒模型? 所有HTML标签都可以看成矩形盒子,由width、height、padding、border构成,称为“盒模型”2、width和height属性详解 (1)width、height不是盒子总宽高。width、height表示盒模型中内容的宽度和高度 (2)盒子的总宽度=width+左右padding+左右border (3)盒子的总高度=height+上下padding+上下border3、padding属性详解 (1)p
2021-01-24 21:07:12 524
原创 2.3文本与字体属性
一、常用文本样式属性1、color属性 ①可设置文本内容的前景色 ②主要可以使用英语单词、十六进制、rgb()、rgba()等表示法 ③英语单词表示法,比如color:red;仅仅用于学习时临时设置一下颜色,工作时基本不用这样的形式,因为追求准确 ④十六进制表示法是所有设计软件中都通用的颜色表示法,设计师给我们的设计图上面标注的颜色,通常为十六进制表示 ⑤比如十六进制ff就是十进制的255,每种颜色分量都是0~255的数字 ⑥如果颜色值是#aabbcc的形式,可以简写.
2021-01-23 21:39:29 1239
原创 2.2CSS3选择器
一、传统CSS2.1选择器1、标签选择器和id选择器 (1)标签选择器 ①标签选择器也称元素选择器、类型选择器,它直接使用元素的标签名当做选择器,将选择页面所有该种标签 ②标签选择器将选择页面上所有该种标签,无论这个标签所处位置的深浅 ③标签选择器“覆盖面”非常大,所以通常用于标签的初始化 (2)id选择器 ①认识id属性:标签可有有id属性,是这个标签的唯一标识 ②id的名称只能那个由字母、数字、下划线、短横构成,且不能以数字开头,字母区分大小写,但习惯上一般为小
2021-01-23 10:13:03 266
原创 2.1CSS基础入门
一、CSS3简介1、CSS是什么? (1)CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言 (2)CSS3是CSS的最新版本,增加了大量的样式、动画、3D特效和移动端特性等 (3)CSS使样式和结构分离 ①CSS使样式和结构分离,样式和结构不用“杂糅着写”,而是彼此分开:HTML负责结构,CSS负责样式 ②HTML和CSS怎么结合呢?“选择器”就是两者的纽带 (4)CSS的本质 ①CSS就是样式的“清单”,
2021-01-17 18:48:43 215 2
原创 1.6表格标签
一、表格的基本使用1、表格标签(1)table标签:表格的意思 table row表格行 table data表格数据 (2)为了让表格能够显示边框,<table>标签通常有border属性 (3) <table>的caption属性 <caption>是表格的标题,它常常作为<table>的第一个子元素出现 (4) th标签是“标题小格”,可以替代的作用,表示标题的小格二、复杂表格1、单元格的合并 (1)colspan属性:
2021-01-16 21:36:52 171
原创 1.5表单标签
一、表单的创建1、表单是什么? 表单是用来收集信息,比如注册、登录、发送评论反馈、购买商品等等2、如何创建表单? (1)所有HTML表单都以一个<form>元素开始二、基本控件1、基本控件1 (1)单行文本框 含义: 使用<mark>type属性值被设置为text的<input>元素</mark>可以创建单行文本框,它是一个单标签 属性: ①value属性表示已经填写好的值 ②placehold
2021-01-16 15:31:07 164
原创 1.4 多媒体与语义化标签
一、图片与超链接标签1.图片标签(1)<img>标签:<img>标签用来在网页中插入图片<img src=“images/gugong.jpg>”img 是images(图片)的缩写src是source(来源)的缩写图片的存储目录和完整的文件名(2)注意点①图片必须要复制到项目文件夹中,一般将图片保存到项目文家中的images子文件中②images/表示images文件夹③后缀名一定要写④图片路径必须正确 <img src=“images/g
2021-01-16 11:17:18 324
原创 1.3列表标签
一、无序列表##1.标签<ul></ul>2.含义无序列表是“没有刻意顺序”的列表3.使用无序列表使用<ul></ul>标签,每个列表都是<li></li>标签<!-- ul (unordered list 无序列表) --> <ul> <!-- li list item(列表项) --> <li>面包 </li&
2021-01-11 22:57:14 386 2
原创 1.2HTML5基础语法与标签
一、互联网基本原理在本地开发,在服务器共享本地:.html .css .js需要上传到服务器上才能被用户看见二、HTTP协议HTTP协议(Hypertext Transfer Protocol,超文本传输协议)是互联网数据传输的常见协议一次HTTP事务是由“HTTP请求”和“HTTP响应”构成往直前的http://就表示http协议请求页面输入网址(IPAD、手机、PC端)输入网址或者扫描二维码,向服务器发出(HTTP请求),服务器会正确识别发来的HTTP请求,分析出用户想看的是那个文件夹的哪
2021-01-10 17:38:56 428
原创 1.1前端基础入门-前置引导课
一、前端开发主要技术介绍HTML5:搭建网页结构的语言,增加了很多移动端的支持,简单好学。CSS3:样式表,美化网页的语言,增加了很多动画、过渡等新特性,要记的英语单词非常多,不过非常有意思。Javascript:前端开发工程师最重要的"看家语言",JS功底的好坏,决定了职业的高度,学习需要下苦工。Vue.js/React.js:从2016年前后开始流行的前端框架,采用模块化开发、数据驱动、声明式编程,只要前期“马步扎稳”,后面“武功招式”随便学二、IDE简介(Integrated Develo
2021-01-05 11:44:32 215
原创 markdown笔记
markdown笔记#一级标题二级标题三级标题四级标题五级标题六级标题一个’#'号代表一级标题字体斜体文本用两个*或_包含斜体文本使用斜体文本粗体文本用**或__包含粗体文本粗体文本粗斜体文本用***或___包含粗斜体文本粗斜体文本分割线可以用三个以上的星号、减号、底线来建立一个分隔线。下面每种写法都可以建立分隔线:删除线在文字的两端加上~~即可删除线下划线标签可以文本下划线文本下划线标签脚注这是一个脚注1列表无序列表使用星号(*)、加号(+)
2021-01-05 11:25:49 211 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人