初步认识CSS
来源:互联网 发布:淘宝网外国小女孩模特 编辑:程序博客网 时间:2024/05/16 07:04
今天我开始初步认识一些CSS的内容。
首先是CSS的引用方式,一共有四种,首先是style标签引入方式。
<style> 选择器{ (样式表)属性:值; } </style>
还有就是link标签引入。
<link rel="stylesheet" href="index.css"> 其中index.css 中的书写方式与上面style内部标签中的格式相同。
还有就是在CSS文件中引入另一个CSS文件。
@import url(test.css),注意一般都写在一个CSS文件的开始的。避免其被忽略。
第四种是在标签内部直接使用style。
<p style="color: red'>--</p>,此种方法优先级最高,可以覆盖其他文件中指定的属性。但是如果在文件中某个属性后面使用!important 则为最高级。
p { color: green !important;}
还有就是选择器的相关知识。
首先是元素选择器,元素就是指标签本身,比如p,a等,元素选择器可以并列使用,在元素名用逗号隔开即可,亦可以重叠使用元素名设置不同属性,比较灵活。
类选择器可以让用户自行定义并且在使用时添加到标签中即可。定义方式: .Name{ color:red;} 前面加点表示其为一类,而不是一个元素。在调用时,形式为:
<p class="Name1 Name2..."> 调用多个类时用空格隔开即可。如果想修饰同时有两个类的标签,形式为:.Name1.Name2{ color:green;} ,类名用点隔开,不能有空格。
ID选择器用来指定一个特定标签的标号。定义方式:#logo {color:gray;},#表示定义ID。调用方式:<p id="logo">,即可单独定义该标签属性。
- 初步认识 div+css
- CSS初步认识
- CSS的初步认识
- 初步认识CSS
- 初步认识CSS
- 对CSS的初步认识
- 前端HTML与CSS初步认识
- css初步
- css初步
- CSS初步
- 认识CSS
- 认识CSS
- IBM AIX初步认识
- 指针的初步认识!
- 初步认识Struts
- ARCSDE初步认识
- ajax初步认识
- 初步认识 JSON
- CocoaPods版本升级
- 轻运维工具-salt-使用相关
- HTML学习笔记
- [2] UI原型设计工具Pencil Project 学习系列----- 入门
- jvm优化
- 初步认识CSS
- 1019. 数字黑洞 ( )
- ACM零起点2017-7-27(查找算法之------尺取法、二分法、三分法)
- 直接用cellpadding和cellspacing布局
- spring学习笔记5
- [大数据]-Elasticsearch5.3.1 IK分词,同义词/联想搜索设置
- hdu1465(错排)
- matlab字符串的操作及正则表达式regexp
- 20个非常有用的Java程序片段