前端学习笔记
HTML、CSS、JS、HTTP等
urs ph
这个作者很懒,什么都没留下…
展开
-
html标签の分类
复习html标签分类(1)html标签分类的依据:按照标签的显示模式分类(2)块状元素:<div>、<p>、<h1>……<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>、特点:独自占一行(2)可以设置宽高(3)子元素默认宽度与父容器宽度一致(3)行内元素:<a>、<span>、&原创 2020-11-21 16:27:18 · 168 阅读 · 0 评论 -
盒子嵌套模型
盒子模型作用 进行网页布局网页中盒子的组成border(边框)padding(内边距)margin(外边距)1.Border(边框)☞ border-width: 边框宽度☞ border-style:  ...原创 2020-02-24 17:17:53 · 1470 阅读 · 0 评论 -
盒子嵌套盒子行高问题
浏览器默认文字大小浏览器默认文字大小:浏览器默认文字大小 16px默认行高: &n...原创 2020-02-19 17:04:27 · 319 阅读 · 0 评论 -
伪类介绍、背景设置
伪类介绍 a{ } 与 a:link{ } 实现的效果是一样的。但是,伪类将应用于未被访问过的链接。IE6不兼容,解决此问题,直接使用a标签 <--超链接默认状态下的样式--> a:link{ 属性:值; } <!--超链接访问过后的样式--> a:visited...原创 2020-02-14 18:11:29 · 313 阅读 · 0 评论 -
Css书写位置介绍、Html标签的分类、Css特性
1. Css书写位置介绍1.1 内嵌式写法1.2 外联式写法 写法:<link rel=“stylesheet” href="">新建一个文件,后缀名以.css命名(css文件)在ht...原创 2020-02-13 20:36:32 · 396 阅读 · 0 评论 -
标签指定式选择器、后代选择器、并集选择器
标签指定式选择器用法: 标签名.选择器名{属性:值; 属性:值;} 特点关系:既…又…<DOCTYPE html><html> <head> <meta charset="utf...原创 2020-02-12 20:13:36 · 9641 阅读 · 0 评论 -
Font字体相关属性
字体相关属性font-size 设置文字大小font-family 设置文字字体font-weight&n...原创 2020-02-12 17:17:29 · 613 阅读 · 0 评论 -
ID选择器、通配符选择器
ID选择器用法: #id名称{ 属性: 值; }调用: &n...原创 2020-02-12 15:24:11 · 711 阅读 · 0 评论 -
类选择器
类选择器用法: .自定义名称{属性:值;}调用:标签通过class属性调用类样式<DOCTYPE html><html> <head> <meta charset="utf-8"> <style type="text/css"&g...原创 2020-02-11 18:35:47 · 347 阅读 · 0 评论 -
标签选择器
标签选择器标签:就是html中的标签用法: 标签名{属性: 值; 属性: 值;}<head> <meta charset="utf-8"> <style type="text/css"> P{ color:这段文字颜色; font-size:字体颜色; width:字体宽度; ...原创 2020-02-11 17:29:44 · 169 阅读 · 0 评论 -
认识Css
Css概念 CSS 指层叠样式表 (Cascading Style Sheets)(又名级联样式表)Css与html的关系Css以html为基础的。Css主要设置的就是html标签中的属性样式,css可以进行网页布局。Css语法 选择器{属...原创 2020-02-10 16:00:00 · 144 阅读 · 0 评论 -
标签语义化
标签语义化概念:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)做法:尽可能少的使用无语义的标签div和span;在语义不明显时,既可以使用div或者p时,尽量用有语义的标签不要使用纯样式标签,如:b、font、u等,改用css设置需要强调的文本,可以包含在strong或者em标签中strong默认样式是加粗(不要用b),em是斜体(不用i)意义:网页结构合理...原创 2020-02-09 19:10:55 · 137 阅读 · 0 评论 -
制作表单的方法
表单(form)1.作用:表单作用用来收集信息2.组成:①提示信息一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。②表单控件属性:maxlength: 设置文本输入框最多能输多少字符readonly=“readonly” 设置文本输入框为只读(只能读不能编辑)disabled="disabled” 控件属于非激活的状态name=“username”...原创 2020-02-08 19:16:32 · 1061 阅读 · 0 评论 -
制作表格的方法
表格(table)作用:显示数据组成table 定义表格<table>…</table>标签用于在HTML文档中创建表格。它包含表名和表格本身内容的代码。表格的基本单元是单元格,用<td>…</td>标签定义。tr 行表格行用<tr>标签定义,由单元格构成。多个行结合在一起就构成一个表格,这反映在用于创建表...原创 2020-02-07 19:09:59 · 306 阅读 · 0 评论 -
Meta标签 、Link标签
Meta标签【本次四种用法均在head标签里面】<Meta charset="utf-8>charset:字符集utf-8:编码格式<Meta name="keywords" content="">keywords作用:对网站进行优化(SEO)content:优化内容对网站的描述:<Meta name="description" content="...原创 2020-02-06 18:45:10 · 304 阅读 · 0 评论 -
HTML新手入门
1. 认识HTML1.1 概念HTML(hyper text markup language):超文本标记语言超文本(超链接):能够实现网页跳转的文本标记:HTML中的标签1.2 HTML结构<!DOCTYPE html>——文本类型<html> <head> <title>网站的标题</title> </he...原创 2020-02-05 23:09:55 · 189 阅读 · 0 评论 -
什么是前端?
前端是用来解决用户体验前端包括Web(网页)端与移动端1. 网页的组成由文字、图片、按钮、输入框、视频等元素组成。2. Web标准W3C(万维网联盟)结构标准:HTML表现标准:CSS行为标准:JS3. 常用浏览器使用具有内核(渲染引擎)的浏览器。4. 浏览器与服务器消息请求和响应HTTP协议:浏览器与服务器之间传输消息的一种规范。HTTPS协议:HTTP协议+加密处...原创 2020-02-02 15:16:05 · 234 阅读 · 0 评论