javaWeb:css

Css样式
	DIV是样式表中的定位技术,DIV为HTML文档的大块提供结构和背景的元素。
	Css称层叠样式表:是一种表现HTML或者XML等文件样式的计算机语言。、
	Css的引入方式:行内式(<h2 style=”color:red”>应用</h1>)、内部样式(<style type=”text/css”>h3{color:red;}</style>)、外部样式(将css文件保存在扩展名为.class的样式文件中,HTML文件可以通过链接的方式引用扩展名为.css的文件<link type=”text/css” rel=”styleSheet” herf=”Css文件路径”)、css样式规则(选择器{属性:属性值…})。
	Css选择器:(标签选择器(如div、html、body、input等,所有符合规范的标记都可以作为标签选择器)、ID选择器(css中用#开头后面跟标签的名字)、类选择器(css中用.开头后面跟随类名))。
	常用css样式:字体样式{字体大小(font-size)、字体风格(font-style)、字体类型(font-family)、字体粗细(font-weight)};文本样式{文本颜色(color)、文本对其(text-align)、文本装饰(text-decoration)};
超链接伪类样式{未被访问时(a:link{})、访问过后(a:visited{})、鼠标悬浮时(a:hover{})、鼠标激活时(a:active{}};
边框样式{边框宽度(border-width)、按方向设置(border-[left/right/top/bottom]-width)、边框颜色(borde-color)、按方向设置(border-[left/right/top/bottom]-color)、边框风格(border-style)、按方向设置(border-[left/right/top/bottom]-style)};
背景样式{背景颜色(background-color:yellow)、背景图片(background-image:url(img/1.jpg))、背景大小(background-size:100%)、背景是否平铺(background-repeat:no-repeat(repeat-x/repeat-y/repeat))、背景偏移(background-position:center)}。
	网页设计采用的盒子模型:内容(content)、内边距(padding)、边框(border)、外边框(margin)。
	样式布局:浮动(float)的取值:left元素左浮动、right元素右浮动、none不浮动;clear清除浮动相应的上下左右。
	定位技术:static静态的默认布局方式、relative相对定位,相对于元素自身的位置进行偏移,不会改变其他元素的布局、absolute绝对定位,使用上下左右属性根据已经定位的父级元素进行定位,如果没有设定父级元素,默认选择窗口左上角进行定位、Fixed,与固定定位类似但是他不会随着窗口的滚动而滚动。
	样式转换与样式列表:常见的块级元素(<div><h*><ul>)每个标签独自占一行或者多行还可以设置宽高;常见的行标签(<span><strong><a>);常见的行块标签(<img><input><textarea>);(inline:此元素显示为行元素、block:此元素指定为块元素、inline-block:将元素呈现为内联元素、none隐藏元素)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值