第一周
2015-11-29 21:31
148 查看
这周开始了正式的专业课学习
学习的大致内容如下
<a href=http://"www.xxx.xxx"></a>
标签名 属性 属性值
标签列表
常用标签:h1-h6 a p ul li table tr td span div 表单元素
常用属性:class id style
标准/规范
标签必须闭合,
标签,属性全部小写,
属性值双引号,
属性必须有属性值,
自定义属性data开头下划线连接等
语意化
行内元素不要包含块级元素
快级,行内元素
block,inline,inline-block
元素/标签选择器
类选择器
ID选择器
子(派生)选择器
1000 100 10 1PS: 优先级相同,后面覆盖前面的
直接 (直接标签的
内嵌 (直接写在
position,top,left,z-index,display,float,margin,padding等
自身属性
width,height,border,background等
内容属性
color,font,line-height, letter-spacing,text-align等
学习的大致内容如下
<a href=http://"www.xxx.xxx"></a>
标签名 属性 属性值
标签列表
常用标签:h1-h6 a p ul li table tr td span div 表单元素
常用属性:class id style
标准/规范
标签必须闭合,
标签,属性全部小写,
属性值双引号,
属性必须有属性值,
自定义属性data开头下划线连接等
语意化
行内元素不要包含块级元素
快级,行内元素
block,inline,inline-block
CSS(层叠样式表)
语法格式
1 | 选择器 {属性: 值;属性: 值;} |
选择器
通配选择器1 | * {font-size: 12px;} |
12 | p {padding: 0;margin: 0;} a {text-decoration: none;} |
1 | .header {height: 100px;width: 200px;} |
1 | #footer {background: red;} |
12 | div a {background: blue;} div > a {background: yellow; |
优先级
直接>ID>类>元素1000 100 10 1PS: 优先级相同,后面覆盖前面的
引入方式
外链 (通过link引入外部.css扩展名文件) [推荐]
直接 (直接标签的
style属性上面)
内嵌 (直接写在
head中的
style内部)
CSS常用属性以及书写顺序
位置,布局position,top,left,z-index,display,float,margin,padding等
自身属性
width,height,border,background等
内容属性
color,font,line-height, letter-spacing,text-align等
相关文章推荐
- JavaScript习题
- ios UItextfield 入门
- opatch报错OPatch failed with error code 2
- (国内)完美下载Android源码Ubuntu版
- 一个MD5小工具
- (国内)完美下载Android源码Ubuntu版
- 搬砖
- Educational Codeforces Round 2 E. Lomsat gelral 启发式合并map
- C语言中常用的string.h的字符函数
- <构建之法>阅读感想
- Mac Jenkins 权限问题
- 《apue》读书笔记 第四章 文件和目录(2)
- Struts2+Spring+Hibernate整合过程详解
- ExpandableListAdapter
- 苹果帝国:正在夹缝中捡金子
- C++关于符号&的各种含义:
- 数据结构基础7.1:简单排序(冒泡、选择、插入)
- MarkDown 图片大小问题
- AllJoyn数据传输过程
- MarkDown 图片大小问题