初学css常用属性整理

CSS常用样式属性

   整理了一些之前刚学CSS时的一些基本的样式属性,另外在使用时还要注意一下CSS里

选择符的权重(id-#=100 , class-.=10 直接指定标签=1)。

字体、颜色、背景属性

font-size  ------字体大小(**px,**em)

font-family       ------字体类型(微软雅黑,黑体,楷体等)

font-weight      ------字体粗细(bold粗体,也可直接输入100-900数值)

font-style         ------字体风格(italic斜体,)

font-variant      ------小型字母(small-caps缩小了的大写字母)

font                 ------符合属性,ex:p{font:italic bold 宋体 20px}

Color               ------字体颜色

Backgroup       ------背景(color-颜色,image-图片,position-位置,repea-重复,attachment-附件)

文本属性

Word-spacing         -------单词间隔(一整个单词或文字的间隔)

Letter-spacing        -------字符间距(单字母或文字的间隔 一般中文使用)

Text-decoration      -------文字修饰(underline下划线,overline上划线,line-through删除线,blink闪烁)

Text-indent         --------首行缩进

Vertical-align       --------纵向排列(主要用于图片的纵向排列)

Text-transform       ------文本转换(capitalize首字母大写,uppercase所有字母大写,lowercase所有字母小写)

Line-height         -------行高(每行之间上下的间距。)

Width                -------宽度(单位% 或者指定数值。)

边距,填充与边框属性

Margin                   --------外边距(-top,right,bottom,left上下左右。Auto自动取值。单位px)

Padding                 --------内边距(同上)

如果使用复合属性,对应的是 上,右,下, 左(顺时针)ex: padding 10px 20px 30px 40px;

Border                  --------边框(同上,复合属性同上)solid实线,dotted点线,Dashed虚线。

List-style-image     ------图像符号(一般用在超链接前)

border-collapse: collapse 内外边框合并

鼠标经过超链接的样式

a:hove     ------鼠标经过时的样式(字体变更,颜色,大小等)

a:visited       ------访问后的样式(变灰等)

a:active    ------鼠标按下时的状态

a:link           ------默认状态(改变颜色,去下划线等等)

input标签的一些属性

required     ------必填项(另有只读readonly)

placeholder      ------默认显示内容

checked           ------默认选中项

disabled     ------禁选项

height             ------定义输入框高度

name              ------定义元素名字

pattem           ------限制输入内容格式(比如数字0-9 pattem=“【0-9】”)

size            ------宽度(也可用width)

type           ------标签类型(text等)

value              -----文本框内显示的文字

时间: 2024-11-01 10:27:23

初学css常用属性整理的相关文章

#3 CSS常用属性

CSS里面的样式非常多,但是常用的样式并不是很多. 下面主要是以下常用的,当然这个没涉及到考虑兼容性的问题.兼容性的主要还是要了解不懂浏览器之间的差异,具体我也半桶水,在努力学习中,等学会了,在总结一下分享给大家. -------2014.07.29 这个上课主要讲的布局,就是关于页面的布局,现在90%的网站都是用DIV+CSS布局的.所以应该好好掌握这次课的知识. 在学习DIV之前,我们还要熟悉一些常见的CSS样式. CSS的常用样式 字体: 1,line-height:50px      

CSS常用属性和值

下载高清图:css常用属性和值(思维导图总结) 1.字体 <html> <head> <title>font</title> <style> h1{ font-family:times,courter; font-size:150% font-style:italic; font-variant:normal; font-weight:normal; } h2{ font-family:serif,times; font-size:1cm; fo

第五章-css常用属性

第五章 CSS常用属性 1. span标签 突显,强调局部文字的作用. 2.字体样式 font-size: 字体大小 font-style:normal,italic(倾斜) font-weight:normal,bold(加粗) font-familty:字体类型(楷体) font:样式 粗细 字体大小 字体类型. 3.文本样式 color: 文本样式 text-align: 水平对齐方式(left,center,right) text-indent: 首行缩进 line-height: 行高

HTML常用标签汇总、CSS常用属性汇总

标签名 属性 及其取值 作用 单词意思 <a> href:超链接url地址 target:_blank(规定页面在新窗口打开) _self(规定页面在本窗口打开) _top(使文档载入包含此链接的窗口) _parent(使文档载入父窗口或者包含来链接引用的框架的框架集) 插入超链接 超链接 <base> href: 链接规定默认地址 target: 页面打开方式,取值同<a>的target 规定页面上的所有链接规定默认地址或默认目标. 基础 <b>   加粗

好程序员web前端分享css常用属性缩写

好程序员web前端分享css常用属性缩写,使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 pr

7.css常用属性

1.文本属性 文本对齐 text-align 属性规定元素中的文本的水平对齐方式. 属性值:none | center | left | right | justify 文本颜色 color属性 文本首行缩进 text-indent 属性规定元素首行缩进的距离,单位建议使用em 文本修饰 text-decoration属性规定文本修饰的样式 属性值:none(默认) | underline(下划线) | overline(定义文本上的一条线)  | line-through (定义穿过文本下的一

HTML常用标签及css常用属性

HTML hyper text mark up language 扩展名是.html title : 标题标签body : 内容标签 h1 - h6 : 标题标签 自h1 到 h6 从大到小 加粗有自己的间距 p : 段落标签 字符实体 :   空格 > 大于 &lt: 小于 br : 换行 规范写法 <br /> div : 块标签 ,表示一块内容 并没有语义 span : 行便签 , 表示一行中的内容 这两个的作用为设置样式的时候使用 行内元素 ,语义标签em : 语气强调词

23----2013.07.01---Div和Span区别,Css常用属性,选择器,使用css的方式,脱离文档流,div+css布局,盒子模型,框架,js基本介绍

01 复习内容 复习之前的知识点 02演示VS创建元素 03div和span区别 通过display属性进行DIV与Span之间的转换. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&

CSS position属性整理详解

在css布局中position的使用非常广泛.在一些面试题目中也会常见到position的问题.所以在这篇博客里面整理一下position属性的使用,在以后的深入学习中还会在补充的. 1.position有哪些属性? static:所以元素的默认定位是position:static,这意味着元素没有被定位,元素出现在正常流中. relative:生成相对定位的元素,相对于其正常位置定位,还占有原来的位置,元素通过top,right,left,bottom属性进行规定. absolute:生成绝对