`
征客丶
  • 浏览: 134833 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

一些常用到的 css

    博客分类:
  • web
阅读更多
前言:由于我偶尔写写前端,一些小布局,样式不常用,偶尔又要用到,时不时忘了,于是决定记录下来,本文件权当是一个自己笔记,会一点点的添加补充。

一、ul li 横排
1、li_class {folat:left} /*向左浮动,这种解决方法会打乱布局,他把节点浮动处理,不按你原先设置的布局去排*/
2、li_class {display:inline} /*这种方法不会影响原来布局*/

二、div 继承 父div 背景色
style="background-color: inherit;"

一些注明:
folat:引发的一些布局问题:
CSS中边框出界、位置偏移、背景色不继承等众多问题多半是由float引起,解决办法就是在float元素之后添加一个clear层:<div style="clear:both;"></div> 用来清除float对下面元素产生的影响。 或者
在float元素的父标签中加入溢出隐藏,将它内部的float对它外部的其他元素产生的影响隐藏掉。在父标签的div中添加:style="overflow:hidden;"

display:none 与 visibility: hidden:
用display:none;隐藏元素时候不会占据空间,用visibility: hidden;隐藏可以保留原来空间

三、div 垂直居中
父 DIV 的display:table;
子 DIV 的display:table-cell; 同时vertical-align:middle;
就可以实现div里的图片水平垂直居中。



--------------------------------------------------------------------
若有其他凝问或文中有错误,请及时向我指出,
我好及时改正,同时也让我们一起进步。
email : binary_space@126.com
qq     : 1035862795
敲门砖: 代码谱写人生

分享到:
评论

相关推荐

    常用控件CSS样式

    "常用控件CSS样式"是一个集合,包含了各种经典且美观的CSS样式,适用于多种常见的网页控件,这些样式可以自定义并应用于项目中,以提升用户体验和界面美观度。 "设计模edo-Flat-UI-c4d26b2"这个文件很可能是这个...

    CSS中常用的 reset.css文件

    在实际项目中,可以将`reset.css`链接到HTML文档的头部,或者将其内容内联到CSS文件中。例如: ```html &lt;!DOCTYPE html&gt; , initial-scale=1.0"&gt; 我的网页 &lt;link rel="stylesheet" href="reset.css"&gt; &lt;!-- ...

    一些常用的css样式问题

    本文将总结一些常用的CSS样式问题,包括居中方式、弹性布局、文本和图片水平居中对齐、滚动条样式等。 居中方式 在网页开发中,居中是非常常见的需求。这里总结了多种居中方式: 1. 弹性布局居中:使用`display: ...

    一些常用的CSS3网页元素动画效果

    一些常见实用的html5 css3效果,可作为html5开发的一些工具来用,比如那些单选复选按钮,都是带有动画效果的,和iphone手机的操作风格有点相似,在这个综合了超多HTML5效果的网页上,一共包括了50多种常用的网页元素...

    常用的css模板css

    本资源包"常用的css模板css"提供了多种CSS模板和布局,方便开发者快速构建网页结构。 1. **CSS模板**:CSS模板是预设的样式代码集合,通常包含一套完整的颜色方案、字体样式、布局结构等。这些模板可以快速应用到...

    常用的css命名

    本文将详细介绍一些常见的CSS命名规范,帮助开发者构建清晰、易懂的页面布局。 首先,我们来看看一些基本的命名类别: 1. **页面结构**: - `header`:用于表示页面头部。 - `content` 或 `container`:代表页面...

    常用的CSS属性大全

    以下是一些常见的CSS属性及其详细解释,帮助你全面理解并掌握它们的用法。 一、HTML基本样式 在HTML中,一些基础样式可以通过标签来实现,如`&lt;pre&gt;`用于预格式化的文本,`&lt;div&gt;`作为内容的容器,`&lt;font&gt;`用于控制...

    常用的CSS命名规则

    ### 常用的CSS命名规则详解 在前端开发中,合理的CSS命名规则不仅能够提升代码的可读性和可维护性,还能够提高团队协作效率。以下是对标题、描述及部分给定内容中所涉及的CSS命名规则的详细解读。 #### 1. 基础...

    css常用代码大全(html+css代码).pdf

    在“CSS常用代码大全(html+css代码).pdf”中,我们可以看到一系列常用的CSS代码及其用法。 首先,关于文本设置,`font-size`用于定义文本的字号,`font-style`可以设置文本的斜体,如`italic`或`normal`,`font-...

    html和css 常用

    以下是HTML和CSS的一些常用知识点的总结: HTML基础知识: 1. 网页结构:一个基本的HTML页面通常由head、body和footer三部分组成,分别承载页面元数据、内容主体和版权信息。 2. HTML全名是超文本标记语言,用来...

    常用CSS跟JS效果整理

    以下是对标题“常用CSS跟JS效果整理”中涉及的知识点的详细说明。 **1. 常用CSS效果** 1. **布局**:CSS提供了流式布局、网格布局(CSS Grid)、Flexbox布局等,帮助开发者创建响应式的网页结构。 2. **定位**:...

    CSS常用属性大全

    CSS是层叠样式表(英文全称:Cascading Style Sheets)的简称,简单来说,就是网页布局的样式元素,网页界面的视觉效果,就是CSS做出来的。 目前,网页架构的标准版本是html5+CSS3,CSS的最新版也是CSS3,任何网页都...

    常用css属性汇总大全

    下面将详细阐述在给定的标题和描述中提到的一些常用CSS属性。 1. **字体属性**: - `font-size`:设置字体大小,可以使用像素(PX)、百分比(%)等单位。 - `font-style`:定义字体样式,如`italic`为斜体,`...

    css常用定义词

    在这个场景中,我们主要关注CSS的命名规范和一些常见的CSS定义词。 在CSS中,良好的命名规范对于代码的可读性和团队协作至关重要。描述中提到的"规范命名和定义词"是指在编写CSS选择器时,为了保持一致性,通常会...

    常用css知识 html css

    常用css知识 html css css知识

    常用的css命名规则.txt

    本文将深入解析“常用的CSS命名规则”这一主题,旨在帮助开发者理解并掌握一系列实用的CSS命名规范。 ### 命名规则的重要性 在CSS开发过程中,合理的命名规则可以显著提高代码的可读性和可维护性,减少后期修改和...

    css常用文字定义

    ### CSS常用文字定义详解 #### 一、链接样式定义 在网页设计中,链接是非常重要的元素之一,通过CSS可以对不同状态下的链接进行样式定义,包括颜色、下划线等属性。 - **基本链接样式**: - `a { text-...

    css 常用公共样式 样式总结(持续更新)

    本文将深入探讨“css常用公共样式”的总结,包括`flex布局`、`简写`技巧、`遮罩层`实现以及`滚动条透明`与`动画`的应用。这些都是现代Web开发不可或缺的部分。 首先,让我们来谈谈`flex布局`。Flex布局,全称为 ...

    常用的css/div

    本文将围绕“常用的css/div”这一主题,深入探讨CSS的基础概念、重要性以及如何有效地利用div元素进行布局。 首先,CSS是一种样式表语言,用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的呈现。它控制...

Global site tag (gtag.js) - Google Analytics