博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS样式
阅读量:7210 次
发布时间:2019-06-29

本文共 1467 字,大约阅读时间需要 4 分钟。

这介绍简单的css样式

css属性列表 属性名称   
     字体属性(Font)【使用什么字体】font-family        【字体是否斜体】font-style  
                     【是否用小体大写】font-variant     【字体的粗细】font-weight  
                     【字体的大小】font-size   
   
     颜色和背景属性  【定义前景色】Color                【定义背景色】Background-color  
                     【定义背景图案】Background-image   【 重复方式】Background-repeat  
                     【设置滚动】Background-attachment  【初始位置】Background-position    
     文本属性        【单词之间的间距】Word-spacing     【字母之间的间距】Letter-spacing 
                     【文字的装饰样式】Text-decoration  【垂直方向的位置】Vertical-align   
                     【文本转换 】Text-transform        【对齐方式】Text-align  
                     【首行的缩进方式】Text-indent      【文本的行高】 Line-height     
     边距属性        【顶端边距】Margin-top             【右侧边距】Margin-right  
                     【底端边距】Margin-bottom          【左侧边距】Margin-left   
    填充距属性       【顶端填充距】Padding-top          【右侧填充距】 Padding-right                
 
                     【底端填充距】Padding-bottom       【左侧填充距】Padding-left 
     边框属性        【顶端边框宽度】Border-top-width   【右侧边框宽度】Border-right-width          
 
                     【底端边框宽度】Border-bottom-width【左侧边框宽度】Border-left-width  
                     【一次定义宽度】Border-width       【设置边框颜色Border-color  
                     【设置边框样式】 Border-style      【一次定义顶端】Border-top  
                     【一次定义右侧】Border-right       【一次定义底端】Border-bottom  
                     【一次定义左侧】Border-left        【定义宽度属性】Width  
                     【定义高度属性】Height             【文字环绕】Float  
                      哪一边环绕】Clear    
     分级属性        【定义是否显示】Display            【怎样处理空白】White-space  
                     【加项目编号】List-style-type      【加图案】List-style-image  
                     【第二行起始位置】List-style-position 【一次定义列表  】 List-style   
 鼠标(Cursor)属性 属性含义     
                                
`*X`也可以用来选择某元素的所有子元素 #(id)*{},可以是id或class;兼容性有点问题
`#X`可以用id来定位某个元素。`id`选择器是很严格的并且你没办法去复用它
'.X'这是个`class`选择器。它跟`id`选择器不同的是,它可以定位多个元素。当你想对多个元素进行样式修饰的时候就可以使用`class`。当你要对某个特定的元素进行修饰那就是用`id`来定位它。
'XY'如果你想更加具体的去定位元素,你可以使用它
'X'如果你想定位页面上所有的某标签,不是通过`id`或者是’class’,这简单,直接使用类型选择器。 
 

 详细地址:http://www.cnblogs.com/ranzige/p/4105237.html

转载于:https://www.cnblogs.com/xiaoyaodijun/p/4119087.html

你可能感兴趣的文章
C#控制台程序取得INSOYA视频区的视频的真实URL,视频标题,发布时间集合。
查看>>
从控制台读取password - C#
查看>>
高通公司 MSM8K GPT异常原因分析无法开机的问题
查看>>
Android 升级下载 它们的定义Updates 兼容版本
查看>>
webstorm 10.0.4 注册码
查看>>
跨平台开源通讯组件elastic communication
查看>>
js dom学习
查看>>
Project Euler 98:Anagramic squares 重排平方数
查看>>
懒与馋的平衡:餐饮O2O市场广阔,发展不易
查看>>
Ubuntu下安装中文输入法
查看>>
(原)使用vectot的.end()报错:iterators incompatible
查看>>
通用软部件(通用管理信息系统)的研究与生产
查看>>
MFC中模态对话框和非模态对话框的差别
查看>>
数据挖掘算法 1 ID3(python)
查看>>
FPGA机器学习之学习的方向
查看>>
WebBrowser控件使用相关
查看>>
【Android】1.1 开发环境安装和配置
查看>>
站点公司亚马逊砸了10亿也没能做成智能手机,技术是须要沉淀和积累的
查看>>
[数据库]SQL Server 用户NT AUTHORITY\IUSR 登录失败
查看>>
轻松学会多线程(四)——synchronized同步keyword知多少
查看>>