随笔分类 - HTML+CSS
CSS3中新增的内容
摘要:(整理中······) 一、选择器 新增的伪类 1、p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。 2、p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。 3、p:only-of-type 选择属于其父元素唯一的 <p
阅读全文
bootstrap
摘要:全局CSS样式 一、概览 需要将页面设置为 HTML5 文档类型 <!DOCTYPE html> <html lang="zh-CN"> ... </html> 在移动设备浏览器上,通过为视口(viewport)设置 meta 属性为 user-scalable=no 可以禁用其缩放(zooming
阅读全文
三种实现左右固定,中间自适应的三栏布局方式
摘要:目前为止,我所熟知的左中右三栏宽度自适应于浏览器的方法有三个:绝对定位法,margin负值法以及自身浮动法。这些方法简洁实用,且无兼容性问题。 一、绝对定位法:左右两栏采用绝对定位,分别固定于页面的左右两侧,中间的主体栏用左右margin值撑开距离。于是实现了三栏自适应布局。 首先需要三个div,将
阅读全文
网页布局常用样式属性
摘要:网页布局常用样式属性 一、 Position Position有以下几个值:static,relative,absolute,fixed。 Static:静态定位。如果你没有设置position属性,那么缺省就是static。top,left,bottom,right等属性,在static的情况下是
阅读全文
去除inline-block间隙的几种方法
摘要:为什么会产生间隙? 由于编写代码时的美观和可读性,在代码中添加回车或空格而产生的间隙。 html代码: 方法一: 调整html代码,缺点降低了可读性,如下 或者 方法二: 去掉闭合标签: 方法三: font-size:0 方法四: margin设为负值,*注:margin的值通常为font-size
阅读全文
HTML&CSS——使用DIV和CSS完成网站首页重构
摘要:1、DIV 相关的技术 Div 它是一个 html 标签,一个块级元素(单独显示一行)。它单独使用没有任何意义,必须结合CSS来使用。它主要用于页面的布局。 Span 它是一个 html 标签,一个内联元素(显示一行)。它单独使用没有任何意义,必须结合CSS 来使用。它主要用于对括起来的内容进行样式
阅读全文
浙公网安备 33010602011771号