html 和css
关注
分享
扫一扫
HTML CSS
小白彡不白
这个作者很懒，什么都没留下…
展开
-
消除display: inline-block 元素间的换行符空格间隙问题。
消除display: inline-block 元素间的换行符空格间隙的方法想把一些元素在一行显示，最简单的方法是display:inline-block;变成行内块元素但是同行显示的inline-block元素之间会有一个换行符，一般占据4px位置(例如Chrome浏览器 字体默认大小16px,行内块元素间隔4px,字体大小越大间隔越大)<!DOCTYPE html><...原创 2019-12-16 20:05:02 · 1097 阅读 · 1 评论 -
CSS水平垂直居中布局
在日常开发中，经常会遇到要求水平垂直居中效果实现水平垂直居中也是面试高频考点 水平垂直居中又分两种情况 1.内容定宽高 2.内容不定宽高内容定宽高1.绝对定位和负margin值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit...原创 2019-12-24 20:15:05 · 115 阅读 · 0 评论 -
总结一下css选择器
css基础选择器一、标签选择器：标签选择器是直接将HTML标签作为选择器,如：p{font:14px;}二、id选择器：给页面元素定义id。#div1{margin:0 auto;background:#ccc;color:#c00;}三、类(class)选择器：在CSS里用一个点开头表示类别选择器定义，例如：.div1{color:#f60;font-size:14...原创 2019-12-10 00:12:34 · 107 阅读 · 0 评论 -
前端新手上路之css篇(三栏布局)
三栏布局三列布局要求： 1.两边固定，中间自适应 2. 中间列要完整显示 3.中间列要优先加载1.两边浮动，中间用margin隔开浮动会脱离文档流，不能浮到前面的元素上面，所以只能把中间列放在最后<!DOCTYPE html><html> <head> <meta charset="utf-8" /&...原创 2019-12-09 23:28:32 · 195 阅读 · 0 评论 -
前端新手上路之css布局篇(两栏布局)
两栏布局要求：一边宽度自适应，另一边固定宽度两栏布局实现方法有很多，这里总结几种我常用的方法1.浮动定位+margin实现<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ ...原创 2019-12-05 22:13:50 · 305 阅读 · 0 评论 -
前端新手上路之css布局篇(单列布局)
单列布局1头部和底部占满浏览窗口，内容限定宽度并居中<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } ...原创 2019-12-05 22:13:28 · 274 阅读 · 0 评论