关于浮动的基础知识，这里先引用w3school的一段介绍，在此基础上我会添加一些注记和补充：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。CSS 浮动请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：再请看下图，当框 1 向左浮动时，它脱离文
基础认知CSS初始CSS的介绍CSS：层叠样式表（Cascading style sheets）CSS作用是什么？？给页面中的HTML标签设置样式CSS就是用来做美化的，我之前写的网页就是黑白，要不带点彩色的图片，现在，我就可以设置五颜六色的颜色。CSS语法规则写在哪里？css写在style标签中，style标签一般写在head标签里面，title标签下面怎么写？注意点：CSS标点符号都是英文状态
一、script，css，url中引用外部资源，省略http或者https直接以//开头 二、通用代码风格： 1. 缩进两个空格 2. 只使用小写，包括标签名、属性名、属性值 3. 移除结尾多余的空格 三、通用Meta规则 1. 确保你的IDE使用的是UTF-8编码来保存文件的，且不要带上BOM 2. 在需要地地方进行注释 3. 用
转载
2023-07-21 17:07:31
181阅读
HTML.CSS实用css有三种格式：内嵌；内联；外部；分类：内联：写在标记的属性位置，优先级最高，重用性最差内嵌：写在页面的head中，优先级第二，重用性一般外部：写在一个以css结尾的文件中，通过引用来建立文件与html页面的关系，优先级最低，但是最灵活最好用，重用性最好。经常用的就是内联和外部。外部的话需要引用。选择器：id选择器：#id，优先级最高，只能选中一个元素class选择器：.cl
转载
2023-11-28 09:21:47
95阅读
关于电商产品展示，无论是从首页还是到栏目页，再到产品的详情页，产品展示效果不仅仅是在电商平台，在很多的企业网站也使用频繁，今天为大家分享一个HTML+CSS小案例项目：小米电商平台的商品展示页面！我们来一起看看吧！ 那么我们要开发一个什么样的效果呢？来吧展示！！！ 接着下来我们实战开发吧！温馨提示：本期课程是三十个实战案例的第2节，为了更好的学好前端，可以配合艾编程30天计划学
转载
2023-07-21 17:11:38
105阅读
1 HTML表单
2
3 表单用于搜集不同类型的用户输入，表单由不同类型的标签组成，实现一个特定功能的表单区域（比如：注册），
4
5 首先应该用<form>标签来定义表单区域整体，在此标签中再使用不同的表单控件来实现不同类型的信息输入，
6
7 具体实现及注释可参照以下伪代码：
8
9 <!-- form定义一个表单区域,action属性
转载
2023-06-14 21:46:31
277阅读
目录一、Hello CSS二、CSS语法三、选择器1、元素选择器2、id选择器3、类选择器4、同时根据元素名和类名来选择四、注释五、CSS文件六、CSS优先级七、CSS基础1、尺寸2、背景3、文本4、字体5、鼠标样式6、表格7、边框8、内边距9、外边距10、边框模型11、超链状态12、隐藏八、CSS布局1、绝对定位2、相对定位3、浮动4、显示方式5、水平居中6、左侧固定7、垂直居中8、左右固定9、
转载
2024-01-26 10:23:11
106阅读
在html中,引入css的方法主要有行内式、内嵌式、导入式和链接式4种1. 行内式 即在标记的style属性中设定css样式，这种方式本质上没体现出css的优势，因此不推荐使用。2. 嵌入式 在对页面中各种元素的设置集中写在<head>和</head>之间的，对于单个页面来说，这种方式很方便3
转载
2023-11-24 21:08:59
181阅读
一、表格1、HTML中表格的使用和属性colspan表示该一储存格向右打通的栏数。 rowspan表示该一储存格向下打通的栏数。colspan是表示横向合并单元格，colspan=“3”表示水平合并三个td rowspan是表示竖直合并单元格，rowspan=“2” 表示竖直合并两个td这是一个表格第一个 第二个 第三个第四个第五个第八个第六个第七个第九个&nbs
转载
2023-06-23 22:26:10
664阅读
1. HTML (index.html)<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<m
1.通用格式规范缩进： 一次缩进2个空格，不要使用 tab 或者混合 tab 和空格的缩进。大小写： 以下都应该用小写：HTML 元素名称，属性，属性值，CSS 选择器，属性，属性值。2.通用规范编码： 在 HTML 中通过 <meta charset="utf-8"> 指定编码方式，CSS 中不需要指定，因为默认是 UTF-8。注释：&nb
转载
2023-05-22 15:26:24
136阅读
HTML代码清除CSS和JS代码HTML代码清除CSS和JS代码(https://toolgg.com/htmljscssfilter.html)剥离html标签、css和js代码工具可帮助你剥离html标签js和css代码或任何你想要过滤的内容，只需输入你的正则表达式，将html转换为文本很容易，选中复选框即可获得结果。剥离html标签、css和js代码工具可帮助你剥离html标签js和css代
原创
2022-06-05 23:06:57
781阅读
有一个CSS框架，叫min.css，它号称是全世界最快的。难怪，它的代码就这一点。你看它的页面例子，像Bootstrap，但比后者轻多了，它只是一些CSS样式，没有JavaScript代码。min.css的组件有： 基本代码(必须)、标题、按钮、表单、导航栏、表格、图标、网格、消息框。对，这就是min.css的全部。1. 基本代码body,textarea,inpu
转载
2023-07-21 17:42:35
84阅读
HTML代码基本布局想练手，或者需要素材的留言我发给你即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>京东-欢迎登陆</title> <meta name="keywords" content=...
原创
精选
2023-05-19 15:26:18
792阅读
源
代码：
<
html>
<style>
div {
color: blue;
border: 2px solid red;
padding-right: 10px;
margin-right: 10px;
}
</style>
<div>Hello</div>
<p></p>
<div><
原创
2021-07-08 14:46:47
254阅读
源代码：<html><style>div { color: blue; bor
原创
2022-04-12 15:11:11
101阅读
body { margin:0; padding:0; background:#000 url('images/backgrounds/star.png') no-repeat fixed; font: 12px sans-serif;}（1）margin和padding的区别用...
转载
2015-06-29 18:08:00
69阅读
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><html xmlns="http://www.w3.org/1999/xhtml"><head> <style> * { padding-bottom: 0px; margin: 0px; padding-left: 0
转载
2011-02-27 15:43:00
117阅读
2评论
好看的搜索框： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <met
原创
2022-08-05 22:15:23
55阅读
该笔记仅用于温习用 cascade and inheritance1、当样式冲突的时，css后边代码的语句样式优先应用2、类选择器优先于元素选择器3、子元素会继承父元素的样式 css selectors选择器1、类选择器2、元素选择器 类选择器与元素选择器相结合，如 p.left{}将会作用于有.l ...
转载
2021-11-04 09:27:00
128阅读
2评论
