css
文章平均质量分 56
sdj_beyond
搬砖人
展开
-
CSS常用清除浮动的四种方法
浮动注意:浮动不能占据padding的位置left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动,并会显示在其在文本中出现的位置。 inherit 规定应该从父元素继承 float 属性的值。 浮动可以解决多个div在同一行的问题(推荐使用float,最好不要使用inline-block)具体查看cs...原创 2018-06-26 11:59:57 · 308 阅读 · 0 评论 -
修改radio的默认样式
input[type='radio']{ /* opacity: 0; */ display: none; } input[type='radio'] + label::before{ content: ''; display: inline-block...翻译 2019-04-01 13:59:19 · 5374 阅读 · 1 评论 -
去掉input点击后的默认样式
input { outline:none; border:none; /**修改颜色*/ outline-color: "red";}翻译 2019-04-01 13:16:52 · 5571 阅读 · 0 评论 -
css中的伪元素和伪类的区别
在使用css的时候经常分不清哪些是伪类,哪些是伪元素。可能知道怎么用,但概念分不清。今天想到这个问题了就自己总结了一下,方便以后查看。首先谈谈什么是伪元素:伪元素不是实际存在的页面元素,但是其用法和表现行为与真正的页面元素是一样的,可以对其使用诸如页面一样的css样式。他的实质是css样式展示的行为。这里先介绍以下伪类和伪元素中的:和:: 的区别,双冒号是css3中出现的,用于区别伪类...原创 2018-10-24 19:26:30 · 433 阅读 · 0 评论 -
一个满屏的品字布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">翻译 2018-09-30 10:35:46 · 758 阅读 · 0 评论 -
fixed 定位超出内容无法看到的问题
给定位的盒子加上height: 100%;overflow: auto;或者 overflow: scroll翻译 2018-09-15 18:02:35 · 4805 阅读 · 1 评论 -
css中盒子居中对齐的问题
1.没有定位的盒子水平居中 1.让盒子的文字内容居中对齐: text-align: center 2.外边距实现盒子水平居中对齐,需要满足以下两个条件 *1.必须是块级元素* *2.盒子必须指定了宽度*width: 500px;margin:0 auto; (上下为0,左右auto)2.绝对定位的盒子居中对齐水平居中1.首先让盒子left:50%,...原创 2018-08-11 09:10:19 · 3829 阅读 · 0 评论 -
css元素的定位 position
**元素的定位属性**注意:定位可以占据padding的位置,并且定位都是在最上面,类似浮动元素的定位属性主要包括定位模式和边偏移两部分.边偏移:top定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。right定义了定位元素右外边距边界与其包含块右边界之间的偏移。bottom定义了定位元素下外边距边界与其包含块下边界之间的偏移。left定义了定位元素左外边距边界与其包含块左边界之间的偏...原创 2018-06-26 12:19:44 · 231 阅读 · 0 评论 -
常用css样式初始化(淘宝)
<style> blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, ...翻译 2019-04-19 18:00:33 · 798 阅读 · 0 评论