的属性,定义序号的起始值
11.
css
1.网页三要素:
HTML标签决定页面上元素的基本结构
CSS 用于设置HTML元素的样式
JavaScript 用于控制页面上的行为
2.CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。
3.用法:(1)内联样式 :直接通过元素的 style 属性(attribute)来指定的样式被称作内联样式
(2)内部样式 :通过 style 元素来嵌入CSS样式
这里需要特别注意, style 是一个 HTML 标签,属于HTML范畴,不属于CSS代码。 而在
之间书写的内容才属于 CSS 代码。
(3)外部样式表:每个页面使用 标签 ,链接到样式表。 标签在(文档的)头部。
(4)@import:@import 用于从其他样式表导入样式规则
4.样式优先级
内联样式 > 内部样式 和 外部样式 (内部样式和外部样式优先级取决于谁后生效,也叫就近原则)
5.选择器
(1)标签选择器:其作用是选择页面上所有匹配于该 tagName 的元素、不区分大小写
(2)class选择器:网页哪个标签使用Class选择器,就在标 签添加class属性,值就是Class选择器名称
要点:区分大小写
当有多个属性值时,需要用空格分隔;
class属性值是自定义的,可以有多个。
因此通过 .success 就可以选择以上代码中的 div 、p、span 元素。
(3)属性选择器(attribute seleector)
常用的: [attributeName] 、 [attributeName=value] 、[attributeName~=value] 。
(4)ID选择器
网页标签ID与ID选择器同名,会适用此 样式。(建议:ID要唯一)
(5)伪类
a:link:未访问状态
a:visited:访问过后状态
a:hover:鼠标悬停状态
a:active:激活选定状态
注:定义顺序必须是此顺序
(6)后代选择器
(7)子元素选择器
6.CSS属性
(1)边框(四周边框)
(2)顶部边框——border-top:10px solid #0000FF
底部边框——border-buttom:10px solid #0000FF
边框圆角——border -radius:5px(5px圆角的程度)
(3)外边距(margin)
margin:有四个值时,分别代表上、右、下、左
有两个值时,分别代表上下、左右
缺省时,与其相对方向一致。
二、心得体会
今天学习的CSS相对于HTML更加精细一点吧,需要多注意一下细节性概念和特点进行区分选择。今天的学习内容相对于昨天的学习内容还是比较充实的,我们需要更加用心才能学得快,吸收的快。
近期评论