html怎么把背景图片设置圆角
1.我们新建一个html网页文件,把他命名为test.html。
2.在test.html文件内,要使用div标签创建一张图片<img src="005.jpg">。
3.给div标签加上一个样式,设置div标签的class属性为mybkkd。
4.编写css样式<style type="text/css"></style>标签,mybkkd样式将写在该标签内。
5.在css标签内,通过div标签的class属性mybkkd设置图片四个角为圆角。
6.在css样式标签里,在括号内,mybkkd的div设置css属性样式为 border-radius:8px;
7.在浏览器浏览一下test.html,来看看效果。
css八大类
在dw中css属性有八类,分别是:
1、Type类型;
2、Background背景;
3、Block块;
4、Box盒子;
5、Border边框;
6、List列表;
7、Positioning定位;
8、Extensions扩展。
1、HTML标记样式
它可以重新定义HTML标记,当创建或改变这种样式的时候,文档中所有应用这个标记的文本格式都会重新更新。
2、自定义CSS样式
和一些文字处理程序中使用的样式概念很相似,只不过没有字符样式和段落样式的区别。可以在任何文本上应用自定义CSS样式,无论这个文本是不是一个完整的文本块,还是一个局部的文本范围。如果在一个文本模块中使用自定义CSS样式,这其中就包含了CLASS属性,而SPAN标记就会插入到文档中,并包围选中的文本。
type属性有几种类型
1、<input> 标签的 type 属性
button 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。
checkbox 定义复选框。
file 定义输入字段和 "浏览"按钮,供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。
2、<link> 标签的 type 属性
type 属性规定被链接文档的 MIME 类型。
该属性最常见的 MIME 类型是 "text/css",该类型描述样式表。
css中的外链是,内链式,嵌入式,有什么区别
css内链就是把css代码直接写入到html标签里面去,写在双引号中,
嵌入式是指把css代码写到<style type="text/css"></style>标签之间。写在<head></head>之间
外链式是指把css代码写到单独的一个后缀为css文件里面,然后在head内通过link去引入
类似于:<link href="base.css" rel="stylesheet" type="text/css" />
三者优先级的区别是
内联式 > 嵌入式 > 外部式
其实总结来说,就是就近原则(离被设置元素越近优先级别越高)。
还没有评论,来说两句吧...