HTML/CSS
HTML/CSS
Honyelchak
没有“不可能”!
展开
-
【精通CSS】CSS代码结构
导入样式表 <style> @import url(XXX.css) </style> 导入样式表比链接样式表慢设计代码的结构一般性样式 主体样式reset样式链接标题其他元素辅助样式 表单通知和错误一致的条目页面结构 标题、页脚和导航布局其他页面结构元素页面组件 各个页面覆盖 风格统一的大注释块分割每个部分 /* @group genneral s原创 2017-08-03 09:55:52 · 442 阅读 · 0 评论 -
Div盒模型+浮动
盒模型在CSS中,width和height指的是内容区域的宽度和高度。增加内边距、外框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。 假设框的每个边上有px的外边距和5px的内边距,如果希望这个框达到100px宽,就需要将内容的宽度设置为70px。Ps:外边距可以是负值。外边距叠加当两个或更多垂直外边距相遇时,他们将形成一个外边距。这个外边距的高度等于两个发生叠加的外边距的高度中原创 2017-08-03 09:53:53 · 390 阅读 · 0 评论 -
【暑期HTML】常用的选择器
类型选择器又称元素选择器或简单选择器寻找特定类型的元素,只需指定希望引用样式的元素的名称。 p {color:black;} h1 {font-size:18px:}后代选择器用来寻找特定元素或元素组的后代。后代选择器有其他两个选择器之间的空格表示。 blockquote p{font-size:18px;} 上例中,只有<p>标签中的文字为18px,blockquote中其他元素的属性不受原创 2017-08-03 09:26:15 · 232 阅读 · 0 评论 -
【CSS布局模型】流动模型、浮动模型、层模型
流动模型流动是默认的网页布局格式,默认情况下HTML元素都根据该模式来分布网页内容。 该模型下有两个特征元素块状元素顾名思义,他是一个方块, - 块状元素在默认情况下于包含元素中自上而下垂直排布。 - 默认情况下,宽度为100%,所以实际上块状元素都独占一行。高度宽度、行高以及顶和底边距都可设置。内联元素(行内元素)内敛元素会在所处的包含元素中自左到右水平分布显示。和其他元素都在一行上原创 2017-08-06 15:44:14 · 945 阅读 · 0 评论 -
【CSS】background-clip属性解决background问题。
引言:相信你点进来,一定对这个话题感兴趣,那今天我们就来研究一下半透明边框!!!先来举一个例子:div{ background-color:#fff; border:40px solid rgba(255,255,255,.5); ... //此处省略不重要的代码!!!}背景图片是#fff白色,边框颜色是rgba(255,255,2原创 2017-09-05 23:17:32 · 1874 阅读 · 0 评论 -
【代码规范】Web前端开发规范文档!!!
规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽转载 2017-09-06 11:01:37 · 361 阅读 · 0 评论 -
Flex布局
前言 传统的布局方式,基于盒模型,依赖display属性+position属性+float属性。对于那些特殊布局非常不方便。 所以,2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex特点任何一个容器都可以指定为Flex布局行内元素也可以使用Flex布局原创 2018-01-31 15:38:46 · 193 阅读 · 0 评论