首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
Web开发
> 详细
CSS那些事读书笔记:第一章
时间:
2015-01-27 00:29:03
阅读:
247
评论:
0
收藏:
0
[点我收藏+]
标签:
第一章:
1、学习CSS,最好的方法就是不断地做不断的想,不断的实践。
2、CSS语法结构主要由两部分组成:选择符和声明。
3、CSS中对于颜色的表现形式有四种
十六进制形式,如:p{color:#FF00FF};
RGB函数形式,如:p{color:RGB(135,0,224)};
0%~100%之间的数字,数字一定是整数,如p{RGB(25%,0%,100%)};
颜色名称,如p{color:red};
用户系统色盘值,如,background windowtext,如:p{color:windowtext;background-color:background}
4、(其实不够全,建议看CSS手册)元素选择符包括:
通配选择符:*
类选择符:class
包含选择符 作用于某个元素的子元素
子选择符 >
相邻选择符 p+strong 匹配同一个父级下某个元素之后的元素。
属性选择符:
E[attr] 比如*[calss]
E[attr="value"]匹配具有"attr"属性且属性值为"value"的E标签元素。
E[attr~="value"]匹配具有"attr"属性且属性值必须是具有空格符号隔开的字段,其中一个字段属于value的E标签 元素
E[attr|="value"] 匹配具有"attr"属性且属性值必须是以value值开始及使用连字符(-)分隔的E标签元素
ID选择符
2、选择符的组合关系:
针对性使用选择符或者ID选择符
选择符群组
选择符组合
3、伪类:可以用来制定一个或者多个与其相关的选择符的状态,伪类形式:选择符:伪类{属性:属性值}
伪对象:是指在HTML的文档指定的信息之外,创建了一个文档的额外信息。伪对象形式:选择符:伪对象{属性:属性值;}
4、CSS样式所采用的优先顺序为:
5、选择符优先级:
style属性:优先级积分为1000;
ID选择符:优先级积分为100
类选择符、属性选择符:优先级积分为10
标签选择符、伪类及伪对象:优先级积分为1
其他选择符,如通配符选择符等:优先级积分为0
6、把CSS引入到HTML页面中,一般分为3种。
直接卸载标签元素的属性style中,通常称为行间样式
将样式卸载<style></style>标签之内,通常称为内嵌样式
通过<link/>方式外链CSS样式文件,通常称为外联样式表
通过@import关键字导入外部CSS样式文件,通常称为导入样式
CSS那些事读书笔记:第一章
标签:
原文地址:http://www.cnblogs.com/maixiaopan/p/4251610.html
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
36.VUE — 认识 Webpack 和 安装
2021-07-28
【PHP】上传图片翻转问题
2021-07-28
php对数字进行万。亿的转化
2021-07-28
五个 .NET 性能小贴士
2021-07-28
Three.js中显示坐标轴、平面、球体、四方体
2021-07-28
.net 5+ 知新:【1】 .Net 5 基本概念和开发环境搭建
2021-07-27
1.html,css
2021-07-27
基于Docker搭建 Php-fpm + Nginx 环境
2021-07-27
nginx + http + svn
2021-07-27
kubernets kube-proxy的代理 iptables和ipvs
2021-07-26
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!