ICode9

精准搜索请尝试: 精确搜索
  • 「HTML+CSS」--自定义加载动画【016】2021-04-13 23:00:22

    前言 Hello!小伙伴! 首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~ 哈哈 自我介绍一下 昵称:海轰 标签:程序猿一只|C++选手|学生 简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~) 学习经验:扎实基础 + 多做

  • 三种纯css方式实现三角形2021-04-13 21:57:35

    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

  • H5学习笔记5 盒模型2021-04-13 20:36:09

      盒模型 概念   盒模型是由内容、补白、边框、边界组成的   盒模型组成 内容区域   也就是你设置的宽高或者你没设置宽高,内容的多少 补白区域padding    会撑大盒模型 长胖了    一般用于内容和边界/边框之间的距离    块元素可以设置上下左右padding

  • H5学习笔记6 元素类型 元素类型应用2021-04-13 20:32:20

    元素类型 块状元素   1 display:block;    独占一行 可以嵌套任何元素 (p只能嵌套行内元素) text-align和margin:0auto;只能给块元素设置 行内元素 1    display:inline;    在一行显示 不可以设置宽高 不配设置上下padding/border/margin   可变元素 

  • padding应用-导航2021-04-12 19:02:12

    <!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width

  • HTML5简单个人主页设计2021-04-12 18:30:01

    类似QQ空间的效果,因为没过多要求就不再美化了,各个图片链接和主页什么的链接需要留言 效果图: ** html文件: ** <!doctype html> 无标题文档 welcom to my个人主页 wzy的 个人主页 WZY 好友 音乐 日志 个人档 更多 <table class="main"> <tr><img src="images/NCU.jpg

  • 苹果手机 input框兼容性,input 在iPhone 上 上边框有阴影 ,适用于radio2021-04-12 12:04:42

    一、样式复现 h5移动端开发,发现在苹果手机上input显示有问题。input的border已经初始化设置为none了,根据需求进行了border样式的重置。 但在苹果手机上渲染有问题。如下图所示: 解决方案 input{   outline: none; -webkit-appearance: none; /*去除系统默认的样式*/ -w

  • 【面试技巧】老生常谈之 n 种使用 CSS 实现三角形的技巧2021-04-12 10:01:11

    在一些面经中,经常能看到有关 CSS 的题目都会有一道如何使用 CSS 绘制三角形,而常见的回答通常也只有使用 border 进行绘制一种方法。 而 CSS 发展到今天,其实有很多有意思的仅仅使用 CSS 就能绘制出来的三角形的方式,本文将具体罗列讲讲。 通过本文,你能了解到 6 种使用 CSS 绘制三角

  • HTML初学总结2021-04-11 13:03:09

    文章目录 HTML头部常用的标签font字体标签常用的特殊字符h1标题标签a超链接标签ol列表标签img图片标签table表格标签iframe标签*form表单标签其他标签 CSScss结合html方法id选择器class选择器 HTML头部 <!DOCTYPE html> <!--声明--> <html lang="zh_CN" xmlns="http://

  • 「HTML+CSS」--自定义加载动画【012】2021-04-10 20:33:54

    效果展示 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

  • jsp52021-04-10 17:02:28

    <%@ 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总结2021-04-09 23:05:15

    html5新属性 规定是否允许编辑内容 规定是否对元素语法进行检查 组合元素 规定是否允许拖动元素 css3新属性 边框:圆角边框  边框阴影   边框图片 背景:背景图片尺寸 文字效果:文本轮廓   当文本溢出时要操作的   文本阴影   文本换行规则    动画   css实现三角形 bord

  • css盒模型以及如何计算盒子的宽度2021-04-09 11:34:01

    css盒模型以及如何计算盒子的宽度 盒模型 每个存在于可访问性树中的元素都会被浏览器绘制成一个盒子[1]。 每个盒子都可以看成由4部分组成,它们分别是 — 元素外边距(margin)、元素边框(border)、元素内边距(padding)和元素内容(content)。 元素外边距(margin) 元素外边距(margin)用来控制元素

  • css:box-sizing告诉浏览器如何计算一个元素的总宽度和总高度2021-04-09 11:00:59

    box-sizing 告诉浏览器如何计算一个元素的总宽度和总高度 语法 box-sizing: content-box|border-box|inherit: 1、content-box: W3C标准盒模型 [扩展] 内容尺寸不变,总尺寸增加 total = content + border + padding 2、border-box: IE怪异盒模型 [压缩] 总尺寸不变,内容尺

  • 【css】设置table表格边框样式2021-04-07 20:52:28

    效果图:方法一<table>     <tr>         <th>姓名</th>         <th>性别</th>         <th>住址</th>         <th>电话</th>     </tr>     <tbody>         <tr>             <td>张三</td>   

  • Css样式初始化2021-04-07 20:34:01

    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

  • JavaWeb-03 CSS技术2021-04-07 13:57:40

    3.1 CSS 技术介绍 CSS 是「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 3.2 CSS 语法规则: 选择器:浏览器根据“选择器”决定受CSS 样式影响的HTML 元素(标签)。属性(property) 是你要改变的样式名,并且每个属性都有一个值。属性

  • 「HTML+CSS」--自定义加载动画【009】2021-04-07 09:33:41

    前言 Hello!小伙伴! 首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~ 哈哈 自我介绍一下 昵称:海轰 标签:程序猿一只|C++选手|学生 简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~) 学习经验:扎实基础 + 多做笔记

  • 微信小程序 下拉选择2021-04-06 20:01:13

    <view class='select_box'> <view class='select' catchtap='selectTap'> <text class='select_text'>{{selectData[index]}}</text> <image class='select_img {{show&&"se

  • css 中多种边框的实现小窍门2021-04-06 09:53:11

    一、多重边框[1]背景知识:box-shadow,outline鉴于使用场景的多元化,多重边框的设计越来越多,以往可以借助 border-image 属性应付一下,但是这个在css 代码层面并不是很灵活。现在我们借助 box-shadow 和 outline 两个属性来分别实现多重边框。1、box-shadow 方案思路:利用 box-shadow 的

  • 纯CSS实现环形进度条2021-04-05 23:02:46

    创建两块带有overflow: hidden属性的div,拼凑成一个正方形 合理利用border的上右(或下左)边框和transform的旋转属性,基于两个div实现一个环形边框 两个环形边框各旋转180°,可以将环形边框全部隐藏 基于你的需求,动态旋转一个或两个div,可以实现进度条的效果 代码如下 <html> <bo

  • CSS实现三角形2021-04-05 20:58:15

    三角形实现: 第一种设置boder-color属性,将div的上右下左四个边框着不同的颜色。 .triangle { width: 0; height: 0; border-width: 100px; border-style: solid; border-color: red blue black transparent; } transparent指定边框的颜色应该是透明

  • 伪类元素2021-04-05 20:05:28

    伪类元素 用于存放文本和其他元素大的区域 类似于一个箱子之间存放东西 边框盒boder box{由boder,padding content 组成} 填充盒padding box{由padding content 组成} 内容盒 content box{由content组成} 什么是继承 继承(inherit) 是指子元素会自动拥有父元素的某些css属性 继

  • 「HTML+CSS」--自定义加载动画【007】2021-04-05 19:57:09

    前言 Hello!小伙伴! 首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~ 哈哈 自我介绍一下 昵称:海轰 标签:程序猿一只|C++选手|学生 简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~) 学习经验:扎实基础 + 多做

  • 【源码实例】纯CSS水波纹效果和动画气泡2021-04-05 15:51:24

    【源码实例】纯CSS水波纹效果和动画气泡 evinelong web前端开发 Knowlegde can change your fate and English can accomplish your future.知识改变命运,英语成就未来。 正在分享另一个纯CSS实验工作的例子,在波形或纹波效应的水中创建动画气泡,而不使用任何图像或JavaScript。这

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有