![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 66
builder2991
✌
展开
-
移动端+响应式开发
移动端+响应式开发原创 2022-10-26 22:07:56 · 353 阅读 · 0 评论 -
css基础
css基础知识梳理原创 2022-09-15 22:38:02 · 691 阅读 · 0 评论 -
css简析
css选择器标签选择器:针对一类标签(如:body,div,p,ul,li)ID选择器:针对某一个特定的标签使用(如:id=“demo”)类选择器:针对你想要的所有标签使用(如:class=“demo”)通用选择器(通配符):针对所有的标签都适用(如:*号)后代选择器(继承选择器):用空格隔开(如:div p,注意两选择器用空格键分开)交集选择器(组合选择器):(如:.head .head_logo,注意两选择器用空格键分开)。并集选择器:(群组选择器):用逗号隔开伪类选择器:(如:就是链原创 2020-05-12 12:50:09 · 1760 阅读 · 0 评论 -
用css及parallax-scrolling插件分别实现视觉差效果
用css及parallax-scrolling插件分别实现视觉差效果视差滚动(Parallax Scrolling)通过在网页向下滚动的时候,控制背景的移动速度比前景的移动速度慢来创建出令人惊叹的3D效果。css实现视觉差效果css的background-attachment属性: 设置背景图像是否固定或者随着页面的其余部分滚动。注意: 任何版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。<!DOCTYPE html><htm原创 2020-05-11 21:05:04 · 972 阅读 · 0 评论 -
css实现满屏品字
css实现满屏品字第一种方法:上面那块用margin: 0 auto;居中;下面两块用float或者inline-block不换行;用margin调整位置使他们居中。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>满屏品字布局</title> <style type="text/css"> *{原创 2020-05-10 12:56:57 · 624 阅读 · 0 评论 -
css3为图片添加滤镜(filter)
css3为图片添加滤镜(filter)css3 filter语法解析filter: none | blur() | brightness() | contrast() | drop-shadow() |grayscale() | hue-rotate() | invert() | opacity() | saturate() |sepia() | url();属性解释举例...原创 2020-05-07 17:10:15 · 1805 阅读 · 0 评论 -
css3新特性总览
css3新特性css3选择器选择器示例示例说明.class.intro选择所有class="intro"的元素#id#firstname选择所有id="firstname"的元素**选择所有元素elementp选择所有< p>元素element,elementdiv,p选择所有< div>元素和 <...原创 2020-04-07 15:36:46 · 729 阅读 · 0 评论 -
Less与Sass简析
Less与Sassless和sass是css的预编译器,Bootstrop使用的是less。LessLess是一门css预处理语言,他扩展了css语言,增加了变量、Mixin、函数等特性,使css更容易维护和扩展。他不是一个直接使用的语言,而是一个生成css的语言。Less可以运行在Node或浏览器端。使用方法1.浏览器环境引入less文件,类似于css文件,单类型不一样。<L...原创 2020-04-06 20:15:41 · 677 阅读 · 0 评论 -
css之BFC块级格式化上下文
css之BFC块级格式化上下文BFC 定义BFC(块级格式化上下文),一个创建了新的BFC的盒子是独立布局的,盒子内元素的布局不会影响盒子外面的元素。在同一个BFC中的两个相邻的盒子在垂直方向发生margin重叠的问题BFC是指浏览器中创建了一个独立的渲染区域,该区域内所有元素的布局不会影响到区域外元素的布局,这个渲染区域只对块级元素作用。...原创 2020-04-08 22:15:15 · 530 阅读 · 0 评论 -
css之flex 布局
flex 布局flex 布局的概念Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局,行内元素也可以通过 inline-flex 使属性值用 Flex 布局。inline-flex 和 inline-block 一样,对设置了该属性值的元素的子元素来说是个 display:flex 的容器,对外部元素来说是个 ...原创 2020-04-09 11:26:45 · 1153 阅读 · 0 评论 -
css如何实现三角形
css实现三角形将一个div的宽度和高度设置为0,然后设置边框样式.triangle{ width: 0; height: 0; border-top: 50px solid black; border-right: 50px solid red; border-bottom: 50px solid green; border-left: 50p...原创 2020-04-08 23:12:03 · 890 阅读 · 0 评论 -
css实现两列布局,一列固定宽度,一列宽度自适应方法
css实现两列布局,一列固定宽度,一列宽度自适应方法固定宽度区浮动,自适应区不设宽度而设置 margin<div id="wrap"> <div id="sidebar" style="height:500px;background:red;color:#fff;">固定宽度区</div> <div id="content" style="he...原创 2020-04-08 22:43:08 · 1500 阅读 · 0 评论 -
CSS position(定位)属性
css中position属性详解在CSS中关于定位的内容是:position:static ,relative , absolute , fixed ,sticky• static 默认值,自动定位,文档流中的位置,自动定位就是元素在页面普通文档流中由HTML自动定位。• absolute 绝对定位,绝对定位脱离文档流,依据最近的已经定位(绝对、相对或固定定位)的父元素,通过 top,bot...原创 2020-03-03 22:21:41 · 351 阅读 · 0 评论 -
CSS度量单位并解释其含义
CSS度量单位并解释其含义rem 是CSS3新增的一个相对单位(root em,根em),比如可以设置 1rem=50pxem 是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸px: 相对长度单位。像素px是相对于显示器屏幕分辨率而言的vm 即viewpoint width,视窗宽度,比如1vm的宽度为相对于视窗的宽度...原创 2020-03-03 20:53:47 · 454 阅读 · 0 评论 -
CSS清除浮动
CSS清除浮动方法一:使用带clear属性的空元素在浮动元素后使用一个空元素如< div class=“clear”></ div>,并在CSS中赋予.clear{clear:both;}属性即可清理浮动。亦可使用< br class="clear" />或< hr class="clear" />来进行清理。<div class="ne...原创 2019-11-01 21:49:48 · 387 阅读 · 0 评论