前端
关注
分享
扫一扫
文章平均质量分 53
html,css,js,jQuery
今晚吃火锅呀
一个小菜鸡
展开
-
HTML的自我介绍
HTML概述html是什么?超文本标记语言(HyperText Markup Language)超文本 网页语言内容标记语言 标签 用标签来标注网页内容,浏览器在运行网页时,就可以根据标注来显示我的第一张<b>网页</b> ctrl+1 ctrl+2 设置标题```语言名称 选择代码类型html做什么?制作网页HTML基本框架开发工具HBuilder X 国产软件<!-- html 注释 ctrl+/ 声明 html语言原创 2020-10-19 21:24:56 · 4369 阅读 · 0 评论 -
列表&标签&超链接
列表<body> <!-- 特殊符号:  ------空格 <--------小于号 >--------大于号 ®-------注册商标 ©------版权<ol></ol>为有序列表,其中的<li></li>标签会有被排序(type="1/a/A/..."指定序号类型)<ul></ul>为无序列表,其中的<l原创 2020-10-20 00:27:50 · 139 阅读 · 0 评论 -
超链接定义锚点&表格
超链接定义锚点 <body> <a name="top"></a> <!-- 超链接跳转到指定的锚点 --> <a href="#p1">产品1</a> <a href="#p2">产品2</a> <a href="#p3">产品3</a> <a href="#p4">产品4</a> <a href="#p5">产品5<原创 2020-10-21 00:53:10 · 389 阅读 · 0 评论 -
css概述
css概述css是什么?css (Cassading Style Sheet) 级联样式表 是一种样式表语言 级联:关联 两个及以上的内容之间的关系 样式表:css修饰网页的语法集css能做什么?作用:为html控制外观(不提供内容)css与html的区别html:网页内容css:修饰外观,样子css基本语法1.行级样式表 <body> <!-- 行级样式表: 需要一行一行的定义,直接写在标签内.原创 2020-10-25 23:45:45 · 104 阅读 · 0 评论 -
选择器(一)
选择器(一)标签选择器<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* 对选中的标签进行样式设置(本例只对p标签进行设置) 语法: p{ 属性名1:属性值1; 属性名2:属性值2; ...... } */ p{原创 2020-10-26 00:16:40 · 143 阅读 · 0 评论 -
选择器(二)
选择器(二)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .p1{ color: #A52A2A; font-size: 30px; } /* 定位 后代选择器 选中此类的后代,包含儿原创 2020-11-01 00:19:39 · 82 阅读 · 0 评论 -
文本,背景,列表,伪类,透明
文本,背景,列表,伪类,透明文本!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> p{ color: #0000FF; font-size: 30px; font-family: 楷书; text-align: left; /* te原创 2020-11-01 00:38:57 · 156 阅读 · 2 评论 -
块级,行级,行级块标签
块级,行级,行级块标签什么是块级标签?块级标签 : 无论内容有多少都独占一行,可设置宽高 属性 : 默认宽,与父级标签一致. 默认高,与父级标签一致/与内容高度一致. 可通过width和height来设置标签 例如 : < p >,< h >,< ul >,< ol >,< hr/ >等什么是行级标签?行级标签 : 只占自身大原创 2020-11-01 00:43:33 · 152 阅读 · 0 评论 -
补 表单(html)
表单之前漏的一个HTML的内容,昨天看自己的博客才发现,现在补上 <body> <!-- <form></form>表单标签(表单中包含很多输入/选择的组件，用户可以输入信息，最终提交给服务器)......组件都写在form中 <label></label>通过id联系标签中的内容和 <input></input>输入标签,输入的属性都写在input标签中 action="服务器地址原创 2020-11-05 16:50:02 · 138 阅读 · 0 评论 -
盒子模型
盒子模型•CSS处理网页时，它认为每个标签都包含在一 个不可见的盒子里。•如果把所有的标签都想象成盒子，那么我们对网页的布局就相 当于是摆放盒子。•我们只需要将相应的盒子摆放到网页中相应的 位置即可完成网页的布局。以下拿一个例子说明 :代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type=原创 2020-11-01 00:46:14 · 119 阅读 · 0 评论 -
浮动
浮动文档流•文档流指的是文档中的标签在排列时所占用的位置。 将窗体自上而下分成一行行 ，并在每行中按从左至右的顺序排放标签，即为文档流。•也就是说在文档流中标签默认会紧贴到上一个标签的右边，如果右边不足以放下标签，标签则会另起一行，在新的一行中继 续从左至右摆放。浮动所谓浮动指的是使标签脱离原来的文档流，在父标签中浮动起来。浮动使用float属性 可选值 : left(向左浮动) right(向右浮动)原创 2020-11-01 00:53:32 · 161 阅读 · 6 评论 -
css定位
css定位 定位是指允许定义的标签相对于其正常位置，或者相对于父标签、另一个标签甚至浏览器窗口本身而出现的位置.定位分为两种 :相对定位(relative)绝对定位 (absolute)相对定位 相对定位相对于自己本身的位置进行移动，并没有脱离文档流,移动后原来的位置还被占用。 可以通过 position : relative ; 开启相对定位， 用 left ,right ,top, bottom四个属性来设置标签的偏移原创 2020-11-01 00:54:29 · 209 阅读 · 0 评论 -
京东菜单栏
京东菜单栏用css语言简单制作京东的菜单栏代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #acc1{ width: 180px; background-color: #6E6568; color: white;原创 2020-11-01 00:56:03 · 595 阅读 · 0 评论 -
百度注册界面
百度注册界面用css语言编辑百度的注册界面代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #acc{ background-image: url(./img/reg_bg_min.jpg); background-repeat: no-r原创 2020-11-01 00:57:47 · 2086 阅读 · 3 评论