【css】css基本属性

css属性介绍

 1 backgroud-color:blue  or   #000000 or rgb(255,255,255)  --背景颜色
 2 backgroud-image:url(/image/1.gif) --背景图片
 3 background-repeat:repeat-y,repeat-x   --背景重复
 4 background-position:center --背景图像位置
 5 background-attachment:fixed  --图像不随文档滚动
 6
 7 text-indent:5em --首行缩进,可以被继承
 8 text-align:left,right,center,justify  --文本对齐方式
 9 word-spacing:30px or 5em  --改变字单词之间间隔 em可以是负值
10 letter-spacing:30px  or -0.5em  --改变单词中 字母间间隔
11 text-transform:none or uppercase or lowercase or capitalize  --改变文本大小写
12 text-decoration:none or underline or overline or line-through or blink --文本上划线下划线等
13 color --设置文本颜色
14 direction:ltr  or  rtl  --设置文本方向
15 inline-height   --设置行高
16 text-shadow  --设置文本阴影
17 font-family  --设置文本字体
18 font-style:normal or italic or oblique  --文本斜体
19 font-variant:small-caps  --设置小型大写字母
20 font-weight:normal or bold or 900 --设置文本的粗细
21 font-size:20px or(==) 1.25em or 100% --设置文本大小
22 li列表项中:list-style:url or square none or inside --列表项标志
23 table表格中:table ,th,td :border:1px solid blue(线的大小 实线 颜色)  --表格边框
24 table表格中:border-collapse:collapse   --表格边框折叠为单一边框
25 table表格中:width,表格元素td宽度高度,td对齐方式text-lign or vertical-align
26 padding:20px  --元素内间距,带有四个方向上右下左
27 margin:20px  --元素间间距,带有四个方向上右下左
28 position:static,relative,absolute,fixed   --定位
29 float:left  --浮动
30 clear:left,right,both,none,inherit  --清除浮动
时间: 2024-11-08 20:15:14

【css】css基本属性的相关文章

CSS css语法

CSS介绍 css(Cascading Style Sheet,图层样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). CSS语法 css实例 每个css样式由两个组成部分:选择器和声明.声明又包括属性和属性值.每个神明之后用封号结束. CSS注释 /*这是注释*/ CSS的击中引入方式 行内样式 行内式是在标记的stykle属性中设定css样式.不推荐大规模使用. <p style="color: red">Hel

css选择器基本属性

选择器一,相邻选择器: 1,相邻选择器 1),定义:相邻选择器匹配指定元素的相邻兄弟元素 2),用法:如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器 3),表示符号: 使用加号(+)作为结合符 4),使用前提: a,必须有共同的父元素: b,必须相邻: 2,通用兄弟选择器匹配某元素后面的所有兄弟元素 1),定义:通用兄弟选择器匹配某元素后面的所有兄弟元素 2),用法:两种元素必须拥有相同的父元素,但是 element2 不必直接紧随 element1 3),

WebStorm FileWatcher (less 编译生成 css css.map min.css)(js 编译 min.js)

环境 win7 64 node jdk 8 工具 Webstorm node-less yuicompressor-2.4.8.jar 步骤 npm install -g less 安装less 自动编译 webstorm (setting->Tool->File Watchers) 下载 yuicompressor 百度下载 yuicompressor-2.4.8.jar 安装css 自动编译 webstorm (setting->Tool->File Watchers) css

浏览器如何加载和解析CSS&mdash;&mdash;CSS样式来源与层叠规则

关于CSS样式首先得理解浏览器如何加载它们,最终的页面样式是如何呈现的? CSS层叠样式表的关键在于"层叠",会根据选择符的使用而将样式相互叠加或者覆盖. CSS样式表之所有有"层叠"的概念,因为有多个样式来源,不同样式设置来源不同权重, 优先顺序为:1到5权重依次降低 1 HTML标签头内的样式             (不建议使用,结构样式分离) 2 <style>中编写的样式代码        (适合不常更新或很少访问的页面) 3 <link

demopu教你学习css,css中height,min-height,max-height的区别

min-height  样式用于设置元素的最小高度. max-height  样式用于设置元素的最大高度 Javascript object.style.maxHeight="20"; Jquery $().css('max-height',20); 更多学习  http://www.demopu.com/doc/css/max-height.html www.demopu.com / css / max-height

[css] CSS相对定位|绝对定位

第一篇链接:http://www.zhangxinxu.com/wordpress/2010/12/css-%E7%9B%B8%E5%AF%B9%E7%BB%9D%E5%AF%B9%E5%AE%9A%E4%BD%8D%E7%B3%BB%E5%88%97%EF%BC%88%E4%B8%80%EF%BC%89/ 第二篇链接:http://www.zhangxinxu.com/wordpress/2010/12/css-%E7%9B%B8%E5%AF%B9%E7%BB%9D%E5%AF%B9relat

reset.css css重置公共样式

@charset "utf-8";/*Css Document*/ /*! * @名称:reset.css * @功能:1.重设浏览器默认样式 * 2.设置通用原子类 *//* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */html { background:white; color:black;}/* 内外边距通常让各个浏览器样式的表现位置不同 */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form

一日一练-CSS CSS中percentage百分值的使用

子曰:学好百分值,考试考百分 首先是确定CSS 中的percentage 都可以应用在CSS 中的哪些属性,以及这些属性的值如何进行计算的,参考CSS 参考手册进行统计. 定位(Positioning) top 用百分比来定义距离顶部的偏移量.百分比参照包含块的高度.可以为负值. right 用百分比来定义距离右边的偏移量.百分比参照包含块的宽度.可以为负值. bottom 用百分比来定义距离底部的偏移量.百分比参照包含块的高度.可以为负值. left 用百分比来定义距离左边的偏移量.百分比参照

前端之CSS——CSS选择器

本周学习CSS的选择器. 工作中最常使用的就是元素选择器,ID选择器,类选择器,后代选择器. 还有一些并不常用但是功能强大的选择器容易被忽视,这次学习总结下. 1.后代选择器和子代选择器 后代选择器:element1 element2, 查找是element1后代的所有element2 <style type="text/css"> .myapp p { background: green; } </style> <div class="wrap

CSS .css边框属性(border)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>边框属性</title> <style> /*.box{ height: 100px; width: 100px; background-color: #3385ff; border-top:1px double #000; border-rig