我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法 代码如下:#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;} 代码如下:#tria...
1.float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。div一个典型的块级元素，会单独占据一行。 先看看最基本的块级元素如何排列的。html代码，以下样式都是基于此。代码如下: 框框1 框框2 框框3 css代码：代码如下:.boxBg{ m...
经常会遇到这样的页面布局：在一排显示几个不同的区域内容，但它们相对于页面是居中对齐的。注意这些区域内容不只是文字，也许还有图片或者其它元素混合而成。一般这样的布局我们很容易想到要用浮动float，但是怎么样居中对齐而又兼容低端浏览器哪？请接着往下看。 首先看html代码：高大上平台|关于我们|联系我们|服务条款|人才招聘|帮助中心|帮助中心|帮助中心|帮助中心|客服中心有人会说这些item都是文本，其实把ul换成其它元素（...
本章给大家带来css网页布局必知的基础小知识（总结），让大家可以了解关于css网页布局的一些知识点。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1、盒子模型的第一层到第五层： border、padding+content、background-image、background-color、margin2、清除浮动。对受到浮动影响的标签作以下操作： 1、clear: both; 2、clear: right; clear: left; 3、设置宽度width: 100%(或者固定宽度)+o...
本章给大家带来css网页布局必知的基础小知识（总结），让大家可以了解关于css网页布局的一些知识点。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1、盒子模型的第一层到第五层： border、padding+content、background-image、background-color、margin2、清除浮动。对受到浮动影响的标签作以下操作： 1、clear: both; 2、clear: right; clear: left; 3、设置宽度width: 100%(或者固定宽度)+o...
1.html基本知识 HTML 不是一门编程语言，而是一种用来告知浏览器如何组织页面的标记语言。1.元素（Element） 开始标签+内容+结束标签 便是一个完整的元素。 但是空元素只有开始标签，例如：元素 < img > 是用来在元素 < img > 所在位置插入一张指定的图片。 < img src=“图片地址源” > 2.嵌套元素 可以把元素放到其它元素之中——这被称作嵌套。 例如：< p >我爱我的< strong >祖国< /strong >< /p > 这里使用 < strong > 标签，来...
java学习阶段二 前端基础（css浮动） 介绍 略 基本知识DIV div基础设置 { background-color: 背景颜色 width:;宽度 height:;高度 postiion:;初始位置 top:;距顶格距离需要基于position left:;距左边距离 需要基于position overflow 溢出内容设置 overflow属性 visible 默认溢出显示 hidden 超出部分隐藏 scroll 无论是否需要都都显示滚动条 auto 按需显示滚动条 outline 轮廓设置 属性 dashed 虚线 dotted 点状轮廓 solid实线 dou...
HTML&CSS 基础 HTML 基础 HTML 标签HTML标题：HTML 标题（Heading）是通过 h1 - h6 等标签进行定义的。HTML段落： HTML 段落是通过 p 标签 进行定义的。HTML链接：HTML 链接是通过 a 标签 进行定义的。 <a href="http://www.w3school.com.cn">This is a link</a>HTML图像：HTML 图像是通过 img 标签进行定义的。 <img src="w3school.jpg" width="104" height="142" />HTML 元素< body > 元素 ： 定义了 HTML 文档的主体。 < html >...
当前部分是基于HTML与CSS总结，后续有JavaScript更新~HTML概述(阶段1 入门概述) 一、HTML 超文本标记语言 第一个HTML页面 一、HTML基本结构 HTML模板简要说明声明HTML基本结构二、HTML元素元素闭合元素‘’空元素‘’标签 HTML元素属性属性名 属性值三、HTML头部元素‘元素：定义HTML页面标题 ’元素：定义HTML页面中所以相对URL的根URL。 ‘元素：定义HTML页面引入的外部资源‘’ ‘’元素：定义HTML页面的css样式 ’元素：定义HT...
【目录】 一、布局相关的标签 二、盒子模型 三、浮动 （有个即刻偷师学艺的方法—— 在浏览器里，打开一个设计很棒的网页，鼠标点击右键，选择“检查”，即可查看网页的HTML+CSS代码和相对应的布局位置） 一、布局相关的标签二、盒子模型 1、什么是盒子模型# 就以快递盒为例 快递盒与快递盒之间的距离(标签与标签之间的距离 margin外边距) 盒子的厚度(标签的边框 border) 盒子里面的物体到盒子的距离...
立即学习:https://edu.csdn.net/course/play/10459/227986?utm_source=blogtoedu<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table> <!-- 在一些情况下，有些表格是非常长的 这是就需要将表格分为三个部分，表头，表格主体，表格底部 在HTML中为我们提供了三个标签 ...
立即学习:https://edu.csdn.net/course/play/10459/227984?utm_source=blogtoedu<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 表格在日常生活中使用非常多，excel就是专门用来创建表格的工具 在网页中也可以创建不同的表格 --> <!-- 在HTML中使用table来创建表格 --> <table border="1" width="60%" align...
立即学习:https://edu.csdn.net/course/play/10459/227958?utm_source=blogtoedu<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .s1{ /* 内容区、内边距、外边距、外边框 */ /* 内联元素不能设置width和heigth */ /* 设置水平内边距,内联元素可以设置水平方向的内边距...
立即学习:https://edu.csdn.net/course/play/10459/227924?utm_source=blogtoeducss 可以将样式表编写到外部的css文件中，然后通过<link>标签将外部的css文件引入到当前页面中。 <link rel="stylesheet" type="text/css" href="style.css"></link> 将css样式编写到外部文件中，用<link>标签引用完全使结构表现分离，使css样式在不同的页面使用，实现了css的复用。 网页在加载时，浏览器加载css文件，第二次访问时，会加载css外部...
相信正在学习Web前端知识的小伙伴们都知道，学习Web前端开发基础技术需要掌握：HTML、CSS、JavaScript，那么这三个都是分别实现什么功能的呢？下面和小编一起来看看吧！一、HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 在这里小编建了一个前端学习交流扣扣群：132667127，我自己整理的最新的前端资料和高级开发教程，如果有想需要的，可以加群一起学习交流 二、CSS样式...