内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

当前分类:

> 网页设计 > div+css >

  • 介绍Styled Components07月25日

    CSS很奇怪,你花上15分钟就可以学会它的基础,但是需要花费数年才能想到一个好方法来组织你的样式。 造成上述问题的一部分原因是由于语言本身的怪癖。除了盒模型以外,CSS是很局限的:没有变量、循环或者函数。同时,它又允许你使用元素、类、ID或者他们的组

    Tags:StyledComponents
  • 移动端布局最佳实践:viewport+rem07月25日

    之前在第二篇博客中提到过我们可以使用媒体查询来针对不同设备及做适配,如下图 但是这个可能不会太精准,比如我的设备布局viewport可能是370px,这样只能使用320这一版本。而事实上,他们的viewport并不相同,所以他们的布局也得不一样。也就是说我们如果用

    Tags:viewportrem移动端
  • request.setcharacterencoding()和request.setcontenttype(“ht07月25日

    1、request.setCharacterEncoding()是设置从request中取得的值或从 数据库 中取出的值 指定后可以通过getParameter()则直接获得正确的字符串,如果不指定,则默认使用iso8859-1编码。值得注意的是在执行setCharacterEncoding()之前,不能执行任何getParame

    Tags:requestsetcharacter
  • CSS外边距合并问题07月25日

    今天无意中碰到了外边距合并的问题,于是便研究了一下。这里做个笔记。 所谓外边距合并,指的是当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 例如,这里有这样两个块元素: div class=bo

    Tags:CSS外边距
  • ReactNative7入门:弹性盒布局(Layout with Flexbox)07月25日

    A component can specify the layout of its children using the flexbox algorithm. Flexbox is designed to provide a consistent layout on different screen sizes. 父组件可以通过Flexbox算法指定子元素的布局。Flexbox算法的目的是为不同尺寸的屏幕提

    Tags:ReactNative弹性盒布局LayoutFlexbox
  • CSS笔记(一):css画平面图形07月25日

    最近在学习CSS,先从CSS画点平面图形入手,发现除了正方形、长方形此类比较简单,只要有长宽设置恰当即可,画圆要涉及radius,然后恢复到做界面的最讨厌的状态了,不断的修改设值,调整数据,所幸并不多。下面就进入正文介绍吧,先将图形以及代码摆放出来,

    Tags:css
  • 图片水平垂直居中对齐的四种做法07月25日

    本文分享几种通用的前端开发中图片垂直水平居中对齐的做法,大部分适用在高级浏览器,可以应用在移动端,有相对定位、flexbox、table-cell和增加一个空白标签。

    Tags:WebKitFlexbox
  • HTML+CSS+JS网页制作:定位样式07月25日

    使用定位样式可以控制元素的位置,常用的定位方式包括3种定位方式,一种是static定位方式,即默认定位方式,一种是relative定位方式,即相对定位方式和最后一种为absolute定位方式,即绝对定位方式。 定位样式position 定位样式position的语法: position:取

    Tags:HTMLCSS
  • 可编程CSS代码说明文档几种选择07月25日

    我坚信代码说明文档应当尽可能维护在紧靠源码的位置。就我个人经历而言,这是令代码说明文档长期有效的唯一选择。那些维护在源码外部的文档、笔记、知识集最终都逃脱不了过期、被遗忘或者被遗失的命运。 代码说明文档总是一个令我心烦的话题。严重缺失代码说

    Tags:CSS
  • 浏览器解析HTML+CSS过程07月25日

    每个浏览器都会有自己的呈现引擎,不同内核浏览器之间的解析顺序和方法存在差异,但都是大同小异; a)呈现引擎,呈现引擎一开始会从网络层获取请求文档的内容,内容的大小一般限制在8000个块以内,然后进行如下所示的基本流程: i.Parsing HTML to construct

    Tags:HTMLCSS浏览器
  • css长度单位知多少07月25日

    写在前面:在这个是个 coder 都会写两行前端代码的年代下,几乎都对 css 不是很陌生,但是真正能写好的确需要对 css 深入学习了,做为一个不称职的后端,我觉得我也有必要多了解一下。 css 中长度单位有哪些? px、in、cm、mm、q、pt、pc、em、rem、ex、ch、

    Tags:css
  • 组织CSS的方式07月25日

    Ben Frain曾经说过,写css代码很容易,但是扩展和维护却很难。本文就介绍了一套方案来解决这个问题。 OOCSS OOCSS 意为面向对象的CSS。这种方法有两种主要 观点 : 结构与设计分离 容器和内容分离 使用这套结构,开发者能得到可以在不同地方使用的一般类。 在

    Tags:CSS
  • 开始编写CSS基础库07月25日

    前言 在现在的互联网业务中,前端开发人员往往需要支持比较多的项目数量。很多公司只有 1-2 名前端开发人员,这其中还不乏规模比较大的公司。这时前端同学就需要独挡一面支持整个公司上下的前端业务,项目如流水一般从手里流过,此时更需要前端开发人员将工

    Tags:CSS
  • CSS才不是什么黑魔法07月25日

    如果你是一名 web 开发者,你可能会时不时地写一些 CSS。 当你第一次接触 CSS 时,似乎觉得 CSS 轻而易举。加边框,改颜色,小菜一碟。JavaScript 才是前端开发的难点,不是吗? 但是在你 web 开发生涯中的某天,这个想法变了!更糟糕的是,许多前端社区的开

    Tags:CSS黑魔法
  • CSS预编译与PostCSS+Webpack构建CSS综合方案07月25日

    CSS全称Cascading Style Sheets(层叠样式表),用来为HTML添加样式,本质上是一种标记类语言。CSS前期发展非常迅速,1994年哈肯维姆莱首次提出CSS,1996年12月W3C推出了第一个正式版本。随后不到两年的时间,1998年5月便推出了第二个版本,一直沿用至今。但

    Tags:PostCSSCSS
  • Flex实现可伸缩的图片墙中文指南07月25日

    实现效果 点击任意一张图片,图片展开,同时从图片上下两方分别移入文字。点击已经展开的图片后,图片被压缩,同时该图片上下两端的文字被挤走。 HTML源码 div class=panels div class=panel panel1 pHey/p pLets/p pDance/p /div div class=panel panel2 pG

    Tags:Flex图片墙
  • Enhancing CSS Layout:From Floats To Flexbox To Grid07月25日

    Enhancing CSS Layout: From Floats To Flexbox To Grid ByManuel Matuzovi July 24th, 2017 CSS Grids Tutorials Earlier this year, support for CSS grid layout landed in most major desktop browsers. Naturally, the specification is one of the hot

    Tags:Flexbox
  • 被多数人误解的nth-of-type07月24日

    nth-of-type 是 CSS3 的一个结构性伪类选择器,很多人都知道 nth-of-type(n) 用于匹配父元素下使用同种标签的第 n 项子元素,但是也有不少人对这个选择器存在着一些误解。先说一个在使用 nth-of-type 时可能碰到的问题: 1.为什么nth-of-type挂了? 在这里给

    Tags:CSS
  • 如何编写高效的CSS选择器07月23日

    高效的CSS已经不是一个新的话题了,也不是我一个非得重拾的话题,但它却是我在 Sky 公司工作之时,所感兴趣的,关注已久的话题。 有很多人都忘记了,或在简单的说没有意识到,CSS在我们手中,既能很高效,也可以变得很低能。这很容易被忘记,尤其是当你意识

    Tags:选择器CSS
  • CSS魔术师:Houdini API介绍07月23日

    前言 今天想继续 CSS 的议题,常常会觉得学 CSS 的新技术不太划算,因为每次看到新的 Feature 出现,都只能当下兴奋几分钟,然后就会认命接受可能还要再等个五年才能真正使用的可能性如果你有跟我一样的感受,那今天这篇文章或许可以带给你一丝丝希望。 在现

    Tags:HoudiniAPICSS

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号