`
tntxia
  • 浏览: 1511060 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

CSS常用属性与属性值记录

CSS 
阅读更多

 1. Positon 有两个属性值relative和absolute-绝对定位和相对定位。如果Position的属性为绝对定位,那么所定义的坐标只是相对于窗口而言,同时下面的Div会认为这个Div不存在。如果是相对定位,那么Div的坐标则相对于Div的父元素,同时Div以后的元素会受到Div位置的影响。

2. Float也有两个属性值是left和right,left则Div会靠左,right则靠右

3. padding: 表示元素与父标签的间隙。

4.visibility与display,display的属性值有属性值:block | inline | list-item | none. 如果是“block”,那么在页面上就会打开一个新的“容器”,这个“容器”被定位在相对于邻近的“容器”,并遵循 CSS 格式化模型的地方。当使用“block”作为属性值时,在元素的前后都会出现一个断行。

      如果是“list-item”它的效果与“block”的效果有一些相似,唯一不同的是其中加入的一个列项标记。

      如果使用“inline”作为“display”的属性值,元素前后不会被加上断行。

      如果是“none”那么顾名思义,该元素就不会显示出来。

      display的none值不占页面空间且不可见,visibility的hidden值占用页面空间,只是该元素看不见。


5.line-height 行高属性:行高表示字体最底端与字体内部顶端之间的距离。属性值可用数值或百分比。功能:调整行间距。

6.字体大小:我比较喜欢用的是14px或10pt,这个属性值大小比较适中。Javaeye的字体,大概就是10pt左右。英文属性也是不错的选择,因为看起来很爽。例如large,x-large(大字体,超大字体)

7.文本缩进text-indent:单位为em,1em为一个字的距离。

分享到:
评论

相关推荐

    CSS编码规范.docx

    - 不同类有相同属性及属性值时,应合并缩写,如`.main-nav`和`.sub-nav`的示例。 - 同一属性简写:利用CSS的属性简写形式,如`.search`的背景属性合并。 9. **颜色值的处理** 使用十六进制颜色值(如`#333333`)...

    css.rar_css

    2. 属性与值:选择器之后是属性和对应的值,比如`color: red;`表示设置元素的颜色为红色。CSS包含众多属性,如字体、颜色、大小、边距、对齐方式等。 3. 样式规则:每个样式规则由一个或多个声明组成,声明由属性和...

    CSS笔记 - 培训那会记录的(详解)

    - 选择具有特定属性和值的元素 ```css [type="text"] { border: 1px solid #000; } ``` - 选择具有特定属性前缀的元素 ```css [href^="h"] { color: green; } 百度 ``` - 选择具有特定属性后缀的元素 `...

    extjs属性方法大全

    以上是 `Extjs` 中常用的表单类及其属性和方法的详细介绍,这些类和方法提供了丰富的功能,帮助开发者快速构建功能完备的 Web 表单应用。通过掌握这些基础知识,可以有效地提高开发效率并确保应用程序的质量。

    CSS伪类集合

    `property` 和 `value` 分别代表具体的CSS属性和相应的值。 例如: ```css a:link { color: blue } ``` 这段代码表示所有未被访问过的链接 (`a` 元素) 的颜色为蓝色。 #### 三、常用伪类列表及用法详解 ##### 1...

    CSS样式专用颜色取值工具很好用

    7. **透明度**:单独使用`opacity`属性,值范围也是0-1,如`opacity: 0.5`。 这个“CSS样式专用颜色取值工具”可能提供了上述所有或部分颜色表示方式的选取和转换功能,让设计师可以快速找到理想的颜色值。它可能还...

    初学CS的S总结CSS网页排版

    根据给定的信息,我们可以推断出作者在尝试记录学习CSS的一些关键点,但由于文本内容较为混乱,我们将基于标题、描述及部分可辨识的关键字来展开相关知识点。 ### CSS网页排版基础知识 #### 1. CSS简介 CSS...

    gulp JS CSS html 压缩优化 及 JS CSS 自动添加版本号

    `gulp-rev-manifest`用于生成一个映射文件,记录原始文件名与带版本号的新文件名之间的关系,这在构建过程中更新引用路径时非常有用。 总的来说,通过Gulp自动化流程,我们可以有效地对JS、CSS和HTML进行压缩优化,...

    开发常用帮助文档(CSS、JavaScript、JavaAPI。。。。)

    - 属性与值:定义元素的样式属性,如color,font-size,background-color等,并指定对应的值。 - 优先级:内联样式 > 内部样式表 > 外部样式表,ID选择器 > 类选择器 > 标签选择器。 - 盒模型:CSS盒模型描述了...

    js 压缩工具、css压缩工具

    它们主要移除空格、注释和不必要的逗号,有时也会合并相同的属性值。一些常用的CSS压缩工具有: - **CleanCSS**:在线和命令行工具,可以快速地压缩CSS文件,同时保持良好的可读性。 - **CSSNano**:一个强大的...

    常用js整理

    根据给定的信息,我们可以梳理出以下与“常用js整理”相关的知识点: ### 1. JavaScript 版本控制 - **JavaScript1.2**: 在提供的代码片段中,`<script language=JavaScript1.2>` 指定了脚本使用的 JavaScript ...

    拾色器,获得屏幕上颜色的值

    为了更好地利用这个工具,建议了解其基本操作和特性,比如是否支持多种颜色模式转换,是否有颜色历史记录,是否能保存常用颜色等。 总的来说,"拾色器"是一个强大且实用的工具,它简化了网页设计和开发过程中颜色...

    DIV+CSS命名规范全记录

    2. 属性值必须使用双引号括起来,并确保每个类或ID有值,比如class="box"或id="header"。 3. 标签应该成对出现,有明确的开始和结束,保持代码层次清晰,排版工整。 4. 对于空元素,要么结束标签,要么在开始标签...

    php,js,css字符串截取的办法集锦

    在处理字符串时,截取是常用的一个操作,尤其是在Web开发过程中,根据不同编程语言和环境,字符串截取的方法各有不同。本文集锦分别介绍了在PHP、JavaScript和CSS中的字符串截取方法,旨在方便开发者记录和复习这些...

    CSS3汤圆可爱表情动画特效

    首先,我们要了解CSS3是CSS(层叠样式表)的第三版,它引入了许多新的选择器、属性和值,大大增强了网页设计的灵活性和表现力。在这款特效中,CSS3的关键帧动画(@keyframes)是核心所在。通过定义动画的不同阶段,...

    让你写出更轻巧、更快并且更不会让你头疼的CSS的方法

    注意,为0值的属性指定单位是不必要的,如`margin: 0;`。 8. **浏览器兼容性处理**: 首先为Gecko引擎(Firefox)编写基础样式,然后为Webkit(Safari, Chrome)进行针对性优化。了解不同浏览器的前缀和特性,确保...

    PHP开发王+CSS开发王+HTM开发王L+ASP开发王+JAVASRIPT开发王

    - 属性与值:了解各种布局、颜色、字体、边框、背景等属性及其设置方式。 - 盒模型:内容、内边距、边框和外边距的理解及计算。 - 媒体查询:响应式设计,适应不同设备的显示。 - CSS预处理器:如Sass、Less,...

    selenium中python常用函数

    - **描述**: 获取元素的CSS属性值。 - **示例代码**: ```python driver.find_element_by_css_selector("input.btn").value_of_css_property("input.btn") ``` - **应用场景**: 用于获取元素的样式属性值,例如...

Global site tag (gtag.js) - Google Analytics