??斗地主捕鱼电竞提现秒到 广告位招租 - 15元/月全站展示
??支付宝搜索579087183领大额红包 ??伍彩集团官网直营彩票
??好待遇→招代理 ??伍彩集团官网直营彩票
??络茄网 广告位招租 - 15元/月全站展示
css属性

转载   outsider96   2018-11-14   浏览量:16


css属性
(1)文本属性
文本大?。篺ont-size:value(值);
说明:属性值为数值型时,必须给属性值加单位,属性值为0时除外;
单位可以是px,pt,em
(2)文本颜色:color:#颜色值;
(3)文本字体:font-family;
(4)加粗:font-weight;
(5)倾斜:font-style;
(6)水平对齐方式:text-align;
(7)行高:line-height;
(8)文本修饰:text-decoration;
文本修饰:text-decoration:none(没有修饰)
underline(添加下划线)
overline(添加上划线)
line-through(添加删除线)
blink.(高版本浏览器不支持blink属性)

(9)文字属性简写:font:12px/1.5 "宋体";
说明:
font的属性值应按以下次序书写(各个属性值之间用空格隔开)
顺序: font-style font-weight font-size / line-height font-family
(1)简写时 , font-size和line-height只能通过斜杠/组成一个值,不能分开写。
(2) 顺序不能改变 ,这种简写法只有在同时指定font-size和font-family属性时才起作用,而且,你没有设定font-weight , font-style 他们会使用缺省值。
(10)border:3px solid red;
???? 粗细(数值+单位) ??线型(solid/dashed/dotted/double)?? 颜色;
右边框border-right:
左边框 border-left:
上边框?border-top:
下边框 border-bottom:
solid:实线,dashed:虚线,dotted:点状线,double:双线,
(11)首行缩进:text-indent:value;
说明:①text-indent可以取负值;
②text-indent属性只对第一行起作用。
缩进两个字符可以写:text-indent:2em;
(12)字间距:letter-spacing:value; 控制英文字母或汉字的字距。
(13)词间距:word-spacing:value; 控制英文单词词距。
(14)文本流控制 layout-flow:horizontal(自左向右)
vertical-ideographic(自上而下);
(注:此属性只有IE浏览器支持)
列表的css声明
1、定义列表符号样式:
list-style-type:disc(实心圆)/circle(空心圆)/square(实心方块)/none(去掉列表符号);
2、使用图片作为列表符号:
list-style-image:url( 所使用图片的路径及全称 );
3、定义列表符号的位置:
list-style-position:outside(外边)/inside(里边);
?list-style:none;去掉列表符号

关于背景的css声明
1、背景颜色 background-color:颜色值;
2、背景图片 background-image:url( 背景图片的路径及全称 );
3、 网页上有两种图片形式:插入图片、背景图;
插入图片:属于网页内容,也就是结构。<img/>
背景图:属于网页的表现,背景图上可以显示文字、插入图片、表格等。
4、背景图片平铺
background-repeat:no-repeat(不平铺)/repeat(平铺)/repeat-x(水平平铺)/repeat-y(垂直平铺) }
5、背景图片的位置
background-position:值1 ???值2;
说明:
①属性值有两个值组成,值1是水平位置的坐标值,值2是垂直位置的坐标值;
②值1 = left/center/right/数值; 值2 = top/center/bottom/数值;当两个值都是center的时候可缩小为一个; ③当属性值是数值时,向右方向,向下方向正值
6、背景属性的缩写语法:background:属性值1 ??属性值2?? 属性值3;
如:background:url(背景图片的路径及全称) no-repeat center top;
7、背景图的固定 background-attachment:scroll(滚动)/fixed(固定);

盒模型
css定义的所有元素都可以拥有像盒子一样的外形和平面空间,它是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。
盒模型的组成
内容、填充、边框、边界
1.padding的定义
①padding是元素内容到元素边框之间的距离,叫内填充、补白或内边距;
②padding区域内会显示背景色和背景图片;
2.用法:
1)用来调整内容在容器中的位置关系
2)用来调整子元素在父元素中的位置关系。(注:padding属性需要添加在父元素上。)
3)padding值是额外加在元素原有大小之上的,如想保证元素大小不变,需从元素宽或高上减掉后添加的padding属性值。
3.padding属性值的4种形式:
一个值:padding:2px; 四周的填充都是2px
二个值:padding:10px ??20px ; 上下 ???左右 ?
三个值: padding:10px ??20px ??30px?; 上 ???左右??? 下
四个值:padding:10px ??20px ??30px?? 40px; 上 ??右?? 下 ??左
4.边界:margin,在元素外边的空白区域,被称为外边距。
margin-left:左边界margin-right:右边界margin-top:上边界margin-bottom:下边界

转载自://blog.51cto.com/13570197/2317048

招聘 不方便扫码就复制添加关注:程序员招聘谷,微信号:jobs1024


上一篇:

关于HTML5的data-*自定义属性的总结
大家总是习惯使用HTML标签添加自定义属性来存储和操作数据,所以才在HTML5规范里增加了一个自定义data属性,这样使用更便捷,一起跟随小编过来看看吧
从元素抽取属性,文本和HTML
问题在解析获得一个Document实例对象,并查找到一些元素之后,你希望取得在这些元素中的数据。方法要取得一个属性的值,可以使用Nodeattr(Stringkey)方法对于一个元素中的文本,可以使用Elementtext()方法
html5——表单元素和属性
html使用表单向服务器提交请求,表单控件的主要作用就是收集用户的输入,当用户提交表单时,用户输入内容将被作为请求参数提交到远程服务器上html原有的表单及表单控件form属性说明action指定当单击表单的确认按钮,该表单被提交到哪个地址,可以是相对/绝对地址method指定提交表单时发送何种类型的请求属性值可以为getpostenctype对表单内容进行编码所使用的字符集name指定表单的
html5——常用元素与属性
html5是由标签组成的标记语言,本篇就介绍HTML5的部分标签&nbsp;&nbsp;&nbsp;&nbsp;html5保留的常用标签&lt;!--&nbsp;&nbsp;--&gt;&nbsp;&nbsp;&nbsp;&nbsp;定义HTML注释&lt;html&gt;&nbsp;&nbsp;&nbsp;&nbsp;HTML5文档的根元素&lt;head&gt;&nbsp;&nbsp;&n
HTML5 新增表单属性
HTML5新增表单属性========================================================================================1.placeholder---为文本框设置默认值,用户输入文本时自动隐藏,用户清除文本时自动显示2.autofocus---表单控件会在页面加载时自动获取焦点。一个页面只能有一个auto
JQuery属性与样式——.html和.text
&nbsp;&nbsp;&nbsp;.html()和.text()1&nbsp;.html与.text用于读取修和改元素的html结构或者文本内容2&nbsp;.html()获取集合中第一个匹配元素的HTML内容或设置每一个匹配元素的html内容3.html()的3种方法&nbsp;&nbsp;&nbsp;&nbsp;.html()不传入值,只获取集合中第一个匹配元素的HTML内
jquery选择器的使用1---获取html和属性
1、获取html内容找到class为class1的所有span,然后获取html值a=$('.class1').find('span')console.log(a.html())找到class为class1的第一个元素,然后获取html值a=$('.class1').eq(0)console.log(a.html())2、获取元素的属性$('.entry-name').find('a')[0].h
seo网站优化的html标签属性
信赖大部分的站长对5必须掌握熟知的5大HTML标签都已经非常熟识了但是很多对seo网站优化不利的不仅仅是标签。不管熟知还是目生,同时一些标签的属性对seo优化也是不利的一些资深的seo站长一定非常清晰。武汉搜集公司总结四大利于seo网站优化的html标签属性给大家促进下见识。html标签属性html标签属性第一个:主题H系列标签这个标签含有H1H2H3H4H5H6这6个标签。个体网站都是logo上
浅析HTML5:'data-'属性的作用
在大家查看HTML时,经?;峥吹絛ata-role、data-theme等的使用。下面小编给大家介绍下HTML5:'data-'属性的作用,需要的朋友参考下吧
java正则表达式获取指定HTML标签的指定属性值且替换的方法
下面小编就为大家带来一篇java正则表达式获取指定HTML标签的指定属性值且替换的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧