web前端系统学习
html、css和js
钮钴禄泡泡
我最爱敲代码了
展开
-
CSS简介及引入方式
CSS-cascading style sheet层叠样式表或级联样式表。为HTML页面文本内容、图片外形、版本的布局等外观样式的设置实现了页面内容和样式的彻底分离,提高工作效率1、css语法组成:选择器{属性名称:属性值;}属性名称:属性值——声明语句,多个声明语句之间分别用分好隔开,属性名称和属性值之间用冒号隔开注释——ctrl+/ shift+alt+a/* CSS注释 */2、CSS特点可以取代之前——部分必须使用专门图像处理软件实现的图片特效功能利于管理样式,方便排版原创 2020-09-21 21:14:15 · 106 阅读 · 0 评论 -
10、表格
表格早期 表格使用来实现页面布局现在 用来显示表格数据表格——将数据有效地组织在一起,并以网格的形式进行显示1、创建表格包含table标签、tr标签、单元格;单元格中可以放置任意内容(文本、标签)<table border="1"><!--表格容器,用来定义表格--> <tr> <th>表格单元头</th><!--默认文字加粗,水平、垂直居中显示--> </tr> <tr> <原创 2020-09-13 20:47:06 · 126 阅读 · 0 评论 -
9、html三种列表无序列表、有序列表、自定义列表
列表——块级元素1、无序列表无次序、无级别,列表项之间是并列关系语法<ul> <li>列表项</li> <li>列表项</li <li>列表项</li</ul>特性宽度默认撑满整个父元素高度默认由内容撑开独立成行——垂直布局自带间距自带填充自带列表符css属性list-style-type属性 列表符类型none 无列表符号disc 实心圆,默认circle原创 2020-09-13 20:20:25 · 1829 阅读 · 1 评论 -
8、超链接标签——a标签
超链接标签——a标签1、语法<a href="http://www.baidu.com"></a><a href="http://www.baidu.com">百度</a><a href="http://www.baidu.com">百度</a><a href="readme.md">readme.md</a><a href="images/comp.jpg">comp.jpg</a原创 2020-09-13 19:44:26 · 217 阅读 · 0 评论 -
5、html标签中的两种关系
父子关系——嵌套关系兄弟关系——并列关系<html> <head> <meta charset="utf-8"> <title></title> </head> <body></body></html>html标签和head标签是父子关系(嵌套关系)meta标签和title标签是并列关系(并列关系)...原创 2020-09-13 19:08:43 · 1619 阅读 · 0 评论 -
6、特殊字符
原创 2020-09-13 19:00:52 · 199 阅读 · 0 评论 -
7、img标签中的src路径
路径1、绝对路径带协议的完整路径盘符下的某个路径<img src="http://www.baidu.com"/><img src="D:\1.jpg" />2、相对路径/ 表示根目录./ 表示当前目录,可以省略…/ 表示上一级目录…/…/表示上上级目录文件夹名/ 表示下一级目录...原创 2020-09-13 18:59:36 · 2568 阅读 · 0 评论 -
4、HTML基本结构和常用标签
1、HTML基本结构html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2020-09-13 18:54:42 · 228 阅读 · 0 评论 -
3、HTML简介
HTML介绍1、前端页面的三个组成部分web标准规定的网页技术的三层分离结构是w3c万维网联盟和蒂姆博纳斯李专门制定的web标准,是非盈利的组织HTML超文本标记语言结构层主要描述页面语义CSS层叠样式表表现层主要描述页面样式JavaScript脚本语言行为层主要描述页面行为2.什么是HTMLHTML——Hyper text Markup Language超文本标记语言是一种使用标记的语言描述网页的语言语法简单的原因结构清晰的语言3.原创 2020-09-13 17:19:36 · 411 阅读 · 0 评论 -
2、web常用浏览器
浏览器浏览器的核心部分–内核或渲染引擎1)单核浏览器浏览器生产商内核IEMicrosoftTridentfirefox火狐MozillaGeckochrome谷歌谷歌webkit或blinkSafari苹果苹果webkitopera欧朋挪威欧普拉软件公司前Presto(自己的) 后 blink(2016)2)双核浏览器大部分国内浏览器使用IE内核——trident随着浏览器的发展也出现了一些双核浏览器——IE内核和chrome原创 2020-09-13 16:52:14 · 1655 阅读 · 0 评论 -
1.web的发展
在web1.0时代 网页呈现的形式主要是静态页面,用户是信息的消费者在2.0时代,网页呈现了一些交互效果,这时用户即使信息的消费者,也是信息的创造者3.0时代,移动互联网时代,大前端,基于html5开发...原创 2020-09-13 16:29:45 · 136 阅读 · 0 评论