• 移动端CSS样式----笔记

    时间:2024-03-05 18:42:54

    移动端web1、响应式背影的问题:-webkit-tap-highlight-color:transparent;2、手机web的缩放问题:<meta htt...

  • 灯塔:CSS笔记

    时间:2024-03-03 09:09:41

    CSS:层叠样式表 所谓层叠 即叠加的意思,表示样式可以一层一层的层叠覆盖 css写在style标签中,style标签一般写在head标签里面,title标签下面 <!DOCTYPE html><html lang="en"><head> <meta ...

  • 编程笔记 html5&css&js 088 JavaScript 数组

    时间:2024-02-24 09:15:39

    编程笔记 html5&css&js 088 JavaScript 数组 一、定义和创建数组二、访问数组元素三、数组属性与方法四、迭代和遍历数组五、数组的特性六、数组方法和迭代器(如`keys()`, `values()`, `entries()`)七、数组的用途总结 J...

  • 《HTML5+CSS3+JavaScript从入门到精通》读书笔记 - 阿泰555

    时间:2024-02-21 14:28:40

    《HTML5+CSS3+JavaScript从入门到精通》读书笔记 #HTML5定义#css样式样式是css最小的语法单元,每个样式包含两部分内容,选择器和声明(规则)。1.选择器(...

  • CSS学习笔记四:下拉选择框以及其动画特效

    时间:2024-02-19 22:47:28

    以前学的只是了解了css的一些基本属性,在做项目的时候都是直接使用bootstrap响应式来写项目,这样子很方便,很快捷,但是在自己看来还是有一点缺陷的,毕竟,我很多时候不怎么清楚它里面的具体运作。所以在学习原生,一个一个小标符号学习起来,学习原生可能会让我学习到更多的东西。学习了两种下拉框,一种是...

  • amazeui学习笔记--css(常用组件6)--图标Icon

    时间:2024-02-18 21:32:51

    amazeui学习笔记--css(常用组件6)--图标Icon一、总结1、关注用法即可:在 HTML 上添加添加 am-icon-{图标名称} class。 <span class="am-icon-weixin"> Wechat</span>2...

  • 编程笔记 html5&css&js 050 CSS表格2-1-七、表格内边距

    时间:2024-02-01 20:17:41

    如需控制边框和表格内容之间的间距,请在 <td> 和 <th> 元素上使用 padding 属性: th, td { padding: 15px; text-align: left;} 水平分隔线 向 <th> 和 <td> 添加 border-

  • CSS 小结笔记之图标字体(IconFont)

    时间:2024-01-21 20:29:18

    本篇主要介绍一种非常好用的图标大法——图标字体(IconFont)。什么是图标字体?顾名思义,它是一种字体,只不过这个字体显示的并不是具体的文字之类的,而是各种图标...

  • HTML 学习笔记 CSS样式(边框)

    时间:2024-01-21 18:27:08

    元素的边框(border)是围绕元素内容和内边距的一条或多条线CSS border 属性允许你规定边框的样式 宽度和颜色CSS 边框在 HTML 中,我们使用表格来创建文本周围的边框,但是通过使用 CSS 边框属性,我们可以创建出效果出色的边框,并且可以应用于任何元素。元素外边距内就是元素的的边框 ...

  • CSS学习笔记----CSS3自定义字体图标

    时间:2024-01-18 12:41:24

    响应式网页字体图标作者:大漠 日期:2014-01-28 点击:3220@font-faceResponsive本文由大漠根据Jason的《Responsive Webfont Icons》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处...

  • 前端笔记之微信小程序(一)初识微信小程序&WXSS与CSS|WXML与HTML的差异&像素和DPR

    时间:2024-01-18 08:11:24

    一、小程序概述2017 年 1 月 9 日小程序正式上线,腾讯开放了个人开发者开发小程序,小程序从此就开始火爆,这一年,小程序狂揽 4 亿用户、1.7 亿的日常活跃,上线 58 万个。这是一个巨大的机会,对于企业宣传,拉新用户存在变革性的影响。小程序的本质是:轻应用,就是不用安装就能使用的手机APP...

  • css笔记——移动端

    时间:2024-01-15 09:19:55

    苹果手机/*按钮样式:*/input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }以下内容出处:http://blog.sina.co...

  • css笔记——区分css3中的transform transition animation

    时间:2024-01-14 22:10:31

    出处:http://blog.csdn.net/dyllove98/article/details/8957232CSS3中和动画有关的属性有三个  transform、 transition 和 animation。下面来一一说明: transform   从字面来看transform的释义为改变...

  • HTML 学习笔记 CSS样式(字体)

    时间:2024-01-12 21:08:37

    css字体属性定义文本的字体系列 大小 加粗 风格 和 变形(如小型大写字母(类似于大写字母字体变小了))css字体系列在css中 有两种不同类型的字体系列名称1.通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace")2.特定字体系列 - 具体的字体系列(比...

  • 《CSS世界》读书笔记(四)--宽度分离

    时间:2024-01-10 10:26:14

    <!-- 《CSS世界》张鑫旭著 -->CSS流体布局下的宽度分离原则所谓“宽度分离原则”,就是CSS中的width属性不与影响宽度的padding/border(有时候包括margin)属性共存,也就是不能出现以下的组合:.box { width:100px; border: 1px ...

  • HTML5+CSS3系列教程——如何制作简单按钮笔记

    时间:2024-01-06 12:25:41

     1、按钮的制作方式用图片(目前用的不多)纯CSS a标签input 图片二决定了input的类型 当input的type属性是submit button等这些的时候他呈现一个按钮button标签2、CSS行内元素设置宽高不生效,适用display:block;可以将行内元素设置为块集元素text-...

  • 【代码笔记】Web-CSS-CSS 链接(link)

    时间:2024-01-04 09:13:27

    一,效果图。二,代码。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>CSS 链接(link)</title> <style> ...

  • CSS学习笔记(9)--详解CSS中:nth-child的用法

    时间:2024-01-03 14:48:53

    详解CSS中:nth-child的用法前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是“:nth-child”。下面我将用几个典型的实例来给大家讲解:nth-child的实际用途:Tips:还用低版本的IE浏览器的哥们请绕过!:nth-c...

  • css学习笔记二之inline-block

    时间:2023-12-31 21:56:19

    1、inline-block是CSS2.1中新增的盒类型,在div中将display属性设定为"inline-block",则div显示效果与设置display属性为"inline"是一样的效果。inline-block具有inline属性的列属性,内部又具有block属性的块属性,可以使用widt...

  • [读书笔记] CSS权威指南1: 选择器

    时间:2023-12-29 23:06:44

    通配选择器可以与任何元素匹配,就像是一个通配符/*每一个元素的字体都设置为红色*/* { color: red;}元素选择器指示文档元素的选择器。/*为body的字体设置为红色*/body { color: red;}分组选择器分组h1, h2, h3 { color: red;}...