前言 Hello！小伙伴！ 首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～ 哈哈 自我介绍一下 昵称：海轰 标签：程序猿一只｜C++选手｜学生 简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～） 学习经验：扎实基础 + 多做
1.利用 border 属性实现三角形 CSS：.triangle{width:30px; height:30px; border-width:20px; border-style:solid; border-color:#e66161 #f3bb5b #94e24f #85bfda; }triangle{width:30px; height:30px; border-width:20px; border-style:solid; border-col
盒模型 概念 盒模型是由内容、补白、边框、边界组成的 盒模型组成 内容区域 也就是你设置的宽高或者你没设置宽高，内容的多少 补白区域padding 会撑大盒模型 长胖了 一般用于内容和边界/边框之间的距离 块元素可以设置上下左右padding
元素类型 块状元素 1 display：block； 独占一行 可以嵌套任何元素 （p只能嵌套行内元素） text-align和margin：0auto；只能给块元素设置 行内元素 1 display：inline； 在一行显示 不可以设置宽高 不配设置上下padding/border/margin 可变元素
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width
类似QQ空间的效果，因为没过多要求就不再美化了，各个图片链接和主页什么的链接需要留言 效果图： ** html文件： ** <!doctype html> 无标题文档 welcom to my个人主页 wzy的 个人主页 WZY 好友 音乐 日志 个人档 更多 <table class="main"> <tr><img src="images/NCU.jpg
一、样式复现 h5移动端开发，发现在苹果手机上input显示有问题。input的border已经初始化设置为none了，根据需求进行了border样式的重置。 但在苹果手机上渲染有问题。如下图所示： 解决方案 input{ outline: none; -webkit-appearance: none; /*去除系统默认的样式*/ -w
在一些面经中，经常能看到有关 CSS 的题目都会有一道如何使用 CSS 绘制三角形，而常见的回答通常也只有使用 border 进行绘制一种方法。 而 CSS 发展到今天，其实有很多有意思的仅仅使用 CSS 就能绘制出来的三角形的方式，本文将具体罗列讲讲。 通过本文，你能了解到 6 种使用 CSS 绘制三角
文章目录 HTML头部常用的标签font字体标签常用的特殊字符h1标题标签a超链接标签ol列表标签img图片标签table表格标签iframe标签*form表单标签其他标签 CSScss结合html方法id选择器class选择器 HTML头部 <!DOCTYPE html> <!--声明--> <html lang="zh_CN" xmlns="http://
效果展示 Demo代码 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&qu
html5新属性 规定是否允许编辑内容 规定是否对元素语法进行检查 组合元素 规定是否允许拖动元素 css3新属性 边框：圆角边框 边框阴影 边框图片 背景：背景图片尺寸 文字效果：文本轮廓 当文本溢出时要操作的 文本阴影 文本换行规则 动画 css实现三角形 bord
css盒模型以及如何计算盒子的宽度 盒模型 每个存在于可访问性树中的元素都会被浏览器绘制成一个盒子[1]。 每个盒子都可以看成由4部分组成，它们分别是 — 元素外边距（margin）、元素边框（border）、元素内边距（padding）和元素内容（content）。 元素外边距（margin） 元素外边距（margin）用来控制元素
box-sizing 告诉浏览器如何计算一个元素的总宽度和总高度 语法 box-sizing: content-box|border-box|inherit: 1、content-box: W3C标准盒模型 [扩展] 内容尺寸不变，总尺寸增加 total = content + border + padding 2、border-box: IE怪异盒模型 [压缩] 总尺寸不变，内容尺
效果图：方法一<table> <tr> <th>姓名</th> <th>性别</th> <th>住址</th> <th>电话</th> </tr> <tbody> <tr> <td>张三</td>
web端常用公共样式 html{ color:#000; background:#FFF; }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,footer,article,aside,header,section,nav,figure,figcaption,hgroup{ margin:0; padding:0; }tabl
3.1 CSS 技术介绍 CSS 是「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 3.2 CSS 语法规则： 选择器：浏览器根据“选择器”决定受CSS 样式影响的HTML 元素（标签）。属性(property) 是你要改变的样式名，并且每个属性都有一个值。属性
前言 Hello！小伙伴！ 首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～ 哈哈 自我介绍一下 昵称：海轰 标签：程序猿一只｜C++选手｜学生 简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～） 学习经验：扎实基础 + 多做笔记
<view class='select_box'> <view class='select' catchtap='selectTap'> <text class='select_text'>{{selectData[index]}}</text> <image class='select_img {{show&&"se
一、多重边框[1]背景知识：box-shadow，outline鉴于使用场景的多元化，多重边框的设计越来越多，以往可以借助 border-image 属性应付一下，但是这个在css 代码层面并不是很灵活。现在我们借助 box-shadow 和 outline 两个属性来分别实现多重边框。1、box-shadow 方案思路：利用 box-shadow 的
创建两块带有overflow: hidden属性的div，拼凑成一个正方形 合理利用border的上右（或下左）边框和transform的旋转属性，基于两个div实现一个环形边框 两个环形边框各旋转180°，可以将环形边框全部隐藏 基于你的需求，动态旋转一个或两个div，可以实现进度条的效果 代码如下 <html> <bo
三角形实现： 第一种设置boder-color属性，将div的上右下左四个边框着不同的颜色。 .triangle { width: 0; height: 0; border-width: 100px; border-style: solid; border-color: red blue black transparent; } transparent指定边框的颜色应该是透明
伪类元素 用于存放文本和其他元素大的区域 类似于一个箱子之间存放东西 边框盒boder box{由boder，padding content 组成} 填充盒padding box{由padding content 组成} 内容盒 content box{由content组成} 什么是继承 继承（inherit） 是指子元素会自动拥有父元素的某些css属性 继
前言 Hello！小伙伴！ 首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～ 哈哈 自我介绍一下 昵称：海轰 标签：程序猿一只｜C++选手｜学生 简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～） 学习经验：扎实基础 + 多做
【源码实例】纯CSS水波纹效果和动画气泡 evinelong web前端开发 Knowlegde can change your fate and English can accomplish your future.知识改变命运，英语成就未来。 正在分享另一个纯CSS实验工作的例子，在波形或纹波效应的水中创建动画气泡，而不使用任何图像或JavaScript。这
