
html+css
文章平均质量分 65
赵乘风_i
前端搬砖
展开
-
盒模型(IE,W3C)
W3C盒模型IE盒模型从上图可以看到 ie 盒子模型的范围也包括 margin、border、padding、content,和标准 w3c 盒子模型不同的是:ie 盒子模型的 content 部分包含了 border 和 pading。两者的不同体现在width和height上IE:width=content+padding+borderW3...原创 2020-02-29 11:51:30 · 427 阅读 · 0 评论 -
word-break:break-all 与word-wrap:break-word的区别
word-break:break-allword-wrap:break-word相同之处:都是换行不同:word-wrap :break-word 以单词换行,可能不对齐,会出现空白word-break:break-all 所有都换行,是以div宽度进行换行的,可能会影响单词的完整性如果遇到没有空格全英文,因为没有遇到单词,使用了word-wrap:break-word ,也没有...原创 2018-04-23 17:21:32 · 872 阅读 · 0 评论 -
HTML,CSS,JavaScript知识树思维导图
最近师父布置的学习任务,就是构建知识树。一个周末终于完成了任务,有一些是网上有的,就直接用了,有些没有,就是自己总结的。整理的过程中发现前端的知识真是错综复杂,还有层出不穷的各种框架。任重而道远想要原稿的可以留言邮箱,统统发给你!PS:微信公众号 FEtoss回复 hcj 即可获取下载地址正文~HTMLCSSJ...原创 2018-03-14 13:32:03 · 10336 阅读 · 45 评论 -
HTML meta标签详解
是什么,为什么用,怎么用META标签是HTML标记HEAD区的一个关键标签,提供文档字符集、使用语言、作者等基本信息,以及对关键词和网页等级的设定等,作用是能够搜索引擎优化(seo),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口分为 http-equiv 相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助浏览...原创 2018-03-09 13:50:13 · 418 阅读 · 0 评论 -
父元素width为100%,设置padding,出现滚动条
父元素设置宽度为100%,子元素也是100%,在设置父元素padding时会出现滚动条<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>父元素width为100%,设置padding,出现滚动条</title> <style type原创 2018-03-15 10:46:45 · 5529 阅读 · 1 评论 -
jQuery获取Select选择的Text和 Value(转)
一、基础取值问题例如1、设置value为pxx的项选中 $(".selector").val("pxx");2、设置text为pxx的项选中 $(".selector").find("option:contains('pxx')").attr("selected",true); 注意:之前$(".selector").find("转载 2018-01-08 16:13:19 · 4287 阅读 · 0 评论 -
前端资源分享(从入门到精通)
分享一波资源 上个博客分享了我这一段时间来学习前端的方法以及春招秋招的经历。话不多说,上一波干货。很多人说以下资源失效了。最近重新写了一篇文章,收集了这些资源 https://mp.weixin.qq.com/s/vnzApo412HWLXrQfBcZQzAps: 有什么问题可以问我,我一定知无不言言无不尽哈哈;想要前端资源或其他开发资源,我这还是有一些的。...原创 2018-01-08 15:03:27 · 5118 阅读 · 9 评论 -
input type="checkbox" 选中传值,不选中传值
最近在使用form表单时,出现了一个问题,checkbox如果选中会传true,没选中就什么都不传,但是这不是想要的效果呀,希望做到选中时传true,不选中时传false。那么就有以下两种方法1.<input name="public" type="checkbox" onclick="javascript:document.getElementById('public'...原创 2018-01-07 22:09:14 · 27365 阅读 · 3 评论 -
关于display,position,float的一些认识
块级元素与行内元素首先谈谈人们经常提及的块级元素和行内(内联)元素p, ul, form, div等元素被称为块级元素,这些元素显示为一块儿内容(会自动换行),span, input 等元素称为行内元素,这两者主要区别就是块级元素会从上到下一个个垂直排列,每个自占一行,如下即使两个div之间没任何元素,绿色的div仍然会显示在hongsediv下方,而不是右方 di转载 2017-09-02 11:48:04 · 344 阅读 · 0 评论 -
关于less学习
Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node、浏览器和 Rhino 平台上。网上有很多第三方工具帮助你编译 Less 源码。首先先说less安装,使用npm命令可以安装,但这里我使用的是浏览器端的方法。下载less文件,将less.min原创 2017-08-10 11:56:42 · 379 阅读 · 0 评论 -
CSS之float浅析
float属性值有:left 左浮动 right:右浮动 none: 不设置浮动 inherit:从父元素继承float属性含义:默认宽度为内容宽度 向指定方向一直移动 对后续block元素脱离文档流,对后续内容在原创 2016-11-05 21:19:51 · 493 阅读 · 0 评论