![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
斷了De弦
这个作者很懒,什么都没留下…
展开
-
css display
定义和用法display 属性规定元素应该生成的框的类型默认值: inline 继承性: no 版本: CSS1 JavaScript 语法: object.style.display="inline" 最常见的值值 描述 none 此元素不会被显示。 block 此元素将显示为块级元素,此元素前后会带有换行符。 i...转载 2018-08-03 22:01:34 · 248 阅读 · 0 评论 -
css实现圆、三角形
<div class="circular"> circular</div>* { padding: 0; margin: 0;}.circular{ width: 200px; height: 200px; border: solid 1px black; border-radius: 100%;}&l...原创 2018-09-16 17:23:47 · 464 阅读 · 0 评论 -
html js css实现九九乘法表
效果图:HTML:<body><div id="main"></div></body>CSS:.row{ text-align: center; width: 800px; margin: 0 auto;}.col{ border: 1px solid #000000; di...原创 2018-09-12 15:37:09 · 3266 阅读 · 0 评论 -
如何实现响应式布局
首先,在网页代码的头部,加入一行viewport元标签。<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认...转载 2018-09-11 21:49:22 · 651 阅读 · 0 评论 -
Flex布局
采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。原文:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html...转载 2018-08-16 16:17:46 · 132 阅读 · 0 评论 -
Sass和Less
什么是Sass和Less? Sass和Less都属于CSS预处理器,那什么是 CSS 预处理器呢? CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行CSS的编码工作。 转化成通俗易懂的话来说就是“用一种专门的编程语言,进行 Web 页...转载 2018-08-16 15:40:12 · 1055 阅读 · 0 评论 -
css中的单位
尺寸单位 描述 % 百分比 in 英寸 cm 厘米 mm 毫米 em 1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。 例如,如果某元素以 12pt 显示,那么 2em 是24pt。 在 CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体。 ex 一个 e...原创 2018-08-16 15:01:47 · 359 阅读 · 0 评论 -
css实现未知大小的块状元素垂直水平居中
思路:子元素绝对定位,距离顶部 50%,左边50%,然后使用css3 transform:translate(-50%; -50%)优点:高大上,可以在webkit内核的浏览器中使用缺点:不支持IE9以下不支持transform属性<!DOCTYPE html><html lang="en"><head> <meta charset=...转载 2018-08-08 19:57:01 · 349 阅读 · 0 评论 -
CSS世界的结界——BFC
BFC的定义BFC 全称为 block formatting context,中文为“块级格式化上下文”。关于 BFC 各种特性什么的,说起来很啰嗦,而我喜欢用“ CSS 世界的结界”这种称谓概括BFC 的特性。“结界”这个词大家应该都理解的,指通过一些特定的手段形成的封闭空间,里面的人出不去,外面的人进不来,具有极强的防御力。 BFC 的特性表现如出一辙。大家请记住下面这个表现原则:如果...转载 2018-08-08 16:05:22 · 1490 阅读 · 0 评论 -
css中的选择器及优先级
CSS3 选择器在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)选择器 名称 例子 例子描述 CSS .class 类选择器 .intro 选择 class="intro" 的所有元素。 1 #id id 选择器 ...转载 2018-08-07 15:08:22 · 167 阅读 · 0 评论 -
html圆角按钮的实现
1、使用css3的boborder-radius 属性border:2px solid;border-radius:25px;2、使用图片作为<a></a>标签背景图a{ display:inline-block; line-height:40px; text-decoration:none; background:...原创 2018-08-07 11:55:43 · 16009 阅读 · 0 评论 -
css盒模型
基本概念盒模型的组成由里向外内容(content)+填充(padding)+边框(border),外边距(margin)盒模型是有两种标准的,一个是标准模型,一个是IE模型。 从上面两图不难看出在标准模型中,盒模型的宽高只是内容(content)的宽高,而在IE模型中盒模型的宽高是内容(content)+填充(padding)+边框(border)的总宽高。css如何设...转载 2018-08-02 18:15:33 · 108 阅读 · 0 评论 -
css清除浮动的方法
清除浮动其实主要解决的就是高度塌陷问题,具体在此不再赘述~~~那些年我们一起清除过的浮动(大佬博客,写的挺不错)1、添加额外的标签通过在浮动元素末尾添加一个空的标签例如 <div style=”clear:both”></div>,其他标签br等亦可优点:通俗易懂,容易掌握缺点:添加无意义的空标签,有违结构与表现的分离,不利于后期维护2、父元素设置 ov...转载 2018-08-06 22:13:28 · 150 阅读 · 0 评论 -
css position属性
定义和用法position 属性规定元素的定位类型。说明这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。默认值: static 继承性: no 版本: CSS2 JavaScript 语法: object.style.pos...转载 2018-08-03 22:11:11 · 283 阅读 · 0 评论 -
两列布局,三列布局的实现
一、两列布局1、利用BFC<div class="left"> left</div><div class="right"> right</div>* { padding: 0; margin: 0;}.left{ float: left; width: 200px; height: 80...原创 2018-09-14 18:43:52 · 856 阅读 · 0 评论