HTML+CSS
关注
分享
扫一扫
HTML+CSS
W_jin
间歇性踌躇满志，持续性混吃等死
展开
-
link和@import导入css文件的区别
导入方式link<link href="index.css" rel="stylesheet">import<style type="text/css"> @import "index.css"; </style>不同点link除了引用样式文件，还可引用图片等资源文件，而import只能引用样式文件。<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />原创 2020-11-10 09:30:35 · 373 阅读 · 0 评论 -
src、href区别
src和href都是用于外部资源的引入，像图片、CSS文件、HTML文件、js文件或其他web页面等。区别：src用于替代这个元素，而href用于建立这个标签与外部资源之间的关系。例如：a标签里面的内容是一张图片，a标签加上href属性将图片链接到了www.xxx.com这个网站，但并未替换a标签里面的内容，而img标签的src属性则是将这个标签完全替换成了src里面的资源。<a href="www.xxx.com">\<\img src="1.jpg">\<转载 2020-11-10 09:26:48 · 1294 阅读 · 0 评论 -
HTML之meta标签全解
一、定义元素可提供相关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词等等。 标签位于文档的头部<head></head>标签内，不包含任何内容。 标签的属性定义了与文档相关联的【名称/值对】。 meta标签常用的共有5个属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 1、http-equiv属...转载 2020-01-07 09:48:05 · 1154 阅读 · 0 评论 -
textarea 存储与显示 保持格式
转自:http://www.qdfuns.com/notes/16955/210b84886868d84c7de089cd5afe7a02.html今天遇到的一个问题：在数据添加页面的textarea框中写入有回车换行和空格的数据，但是传到数据库之后显示到网页上的内容却没有格式，全部排成了一排网上查了很多，终于使得网页和textarea里格式保持一致了，这里记个笔记js函数： ...转载 2018-08-17 14:16:30 · 2925 阅读 · 0 评论 -
JavaScript：offset、event
1、网址编码：一个网址有自己的网址，不同页面也有自己的id网址，我们常常会把网址送到后台，但是后台再处理有不认识的比如换行等特殊符号。所以我们要实现编码然后再传到后台：encodeURIComponment( )函数可以把字符串作为URI组件进行编码decodeURIComponment( )函数可以把字符串作为URI组件进行解码2、操作字符串：原创 2017-09-18 22:41:45 · 480 阅读 · 0 评论 -
JavaScript：DOM（重点），封装类
1、DOM：Js是由三部分组成的： ECMAscript 、DOM 、BOMECMAscript（核心欧洲计算机制造商协会）：描述了JS的语法和基本对象DOM（文档对象模型）：处理网页内容的方法和接口BOM（浏览器对象模型）：与浏览器交互的方法和接口DOM为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构，目的就是为了能让JS操作 htm原创 2017-09-18 22:26:55 · 592 阅读 · 0 评论 -
JavaScript：前端基本功
1、console控制台输出：2、事件：3、入口函数：window.onload = function( ) {内部方 js}4、隐藏样式：display : none; 隐藏 display:block;显示visibility :hidden;隐藏 visibility:visible;显示disp原创 2017-09-18 22:20:45 · 730 阅读 · 0 评论 -
1-7：2D转换、动画
1、2D转换：transform1）CSS变形--旋转：rotate( )扭曲：skew(X,Y ) 缩放：scale(X,Y )位移：translate(X,Y )2、动画：1）必要元素：通过@keyframes指定动画序列；通过百分比将原创 2017-09-13 22:11:14 · 269 阅读 · 0 评论 -
1-6：CSS3新增的属性
1、不同的浏览器可能需要不同的前缀：eg： -webkit - color:red;2、选择器：1）属性选择器：eg：E[att$="val"]：选择具有att属性且属性值为以val结尾的字符串的E元素// 将会命中1，3两个div，因为匹配到了class属性，且属性值以c结尾。原创 2017-07-31 18:06:11 · 474 阅读 · 0 评论 -
1-5：HTML5新的语法规范
1、语义化标签：进度条：2、表单：1）输入类型3、表单：1）表单元素：2）表单属性：4、多媒体：1）音频： （.mp3 .wav .ogg）autoplay：自动播放controls：是否显示原创 2017-07-29 16:54:48 · 866 阅读 · 0 评论 -
CSS常用属性一览表
Css参考手册： http://www.w3school.com.cn/cssref/index.asp一 、CSS文字属性：color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/font-size : 9pt; /*文字大小*/font-style:itelic; /*文字斜体*原创 2017-07-27 20:14:20 · 372 阅读 · 0 评论 -
1-4：定位、z-index
定位：相对定位（position:relative;）绝对定位（position:absolute;）固定定位（position:fixed;）1、相对定位：让元素相对自己原来的位置，进行位置微调。TIP：1）相对定位不脱标，不脱离标准文档流2）原本位置会一直存在，不会被其他盒子占据作用：1）微调元素2）做绝对原创 2017-07-27 20:10:20 · 553 阅读 · 0 评论 -
1-1：列表、表格、表单
- HTML结构层：负责从语义的角度搭建页面结构- CSS样式层 ：负责从审美的角度美化页面- JavaScript层 ：负责从交互的角度提升用户体验关键字：keywords注释：标题：h1~h6，，字号越来越小（自动换行）段落：我是一个段落//span标签不会自动换行自动换行：水平线：图片：//网页图原创 2017-07-27 19:42:13 · 496 阅读 · 0 评论 -
CSS-BFC布局
BFC：块级格式化上下文（block formatting context）。形成福利容器，不会在布局中影响到外边的元素特性边距会重叠 内外元素互不影响 不会与浮动元素发生重叠 高度会包括元素内的浮动元素的高度触发条件body根元素 浮动元素：float不为none overflow不为visible 绝对定位元素：position为absolute、fixed display为inline-block、table-cells、flex、table-caption...原创 2020-10-13 10:06:32 · 145 阅读 · 0 评论 -
flex 布局，省略号失效
flex 布局下，css 设置文本不换行时，省略号不显示的解决办法问题：main 容器是 flex 布局，左边一个 logo 固定宽高，右边 content 动态宽度。.notice 非常长，一些设备下需要隐藏显示，即不换行，并留下省略符 ... 作标记。发现text-overflow: ellipsis不生效，省略符根本没有出现。// CSS.main { display: flex;}.logo { width: 100px; height: 10..转载 2020-08-26 22:45:16 · 2886 阅读 · 0 评论 -
1-3：盒子、浮动
1、盒子模型--div一个盒子占据de空间是边框 + 内边距 + 内容区域width = （margin + border + padding）* 2 + content// css中width和height指的是内容的宽度和高度，而不是盒子的宽度和高度TIPs：网页就是多个盒子嵌套排列的结果。内边距出现在内容区域的周围。原创 2017-07-27 20:08:54 · 389 阅读 · 0 评论 -
1-2：div、span、css
1、div标签：（division）自带分割的效果2、span标签：span标签里面不能放块状标签，例如：。span是一个文本及的标签，所以span里面只能放置文字、图片、表单元素。TIPs：span里卖弄是放置小元素的，div里面是放置大东西的。3、CSS：css是指层叠样式表。c原创 2017-07-27 19:58:52 · 885 阅读 · 0 评论