Html+Css学习第二天
2017-06-08 15:22
232 查看
<embed>标签:播放flash动画 , src="url"
<select>标签: multiple属性 实现多选。
<option vlue=" 选项值1" > 选项1 </option>
<option vlue=" 选项值2" > 选项2 </option>......
<option vlue="xx" selected=" selected"> xxx <option> 加上 selected 为默认选项
<lable for="控件的ID 值"> </lable>
CSS:
样式的优先级: 内联样式 > 嵌入样式 > 外部样式
标签选择器 标签
ID选择器 #..
类选择器 类名....
类选择其中的 子选择器 : 还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。
.first>span{border:1px solid red;}
<p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span>,
上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。
学校举办的活动我也没勇气参加。</p>
子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。
>作用于元素的第一代后代,空格作用于元素的所有后代
* {
css值 意味作用于所有 }
a:hover{ } 固定组合 伪类选择器,允许给不存在的标签(标签的某种状态)设置样式。
solid : 实线
CSS中的继承性
(border:1px solid red ; 不具备继承性 )
例如 : p标签 里面的小标签 就具备继承性。
CSS中的权限值:
ID选择器权限值 > 类选择器权限值 >标签选择器权限值 (继承的权限值最低。)
层叠
是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。
内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
重要性:
!important
加上这个之后,css样式将不会被覆盖掉。 eg: p{ color:blue !important;}
p{ color:red;}
加上!important 之后 ,它的权限制最高。
注意:!important要写在分号的前面
CSS中的排版问题:
段落缩进: text-indent: 2em ; 缩进2个字符。(注意:2em的意思就是文字的2倍大小。)
行间距: line-height: 1.5em ; 1.5倍的行间距。
设置文字间隔(字母间隔) 可采用 letter-spacing
设置 英文单词之间的间距 可采用 word-spacing
<select>标签: multiple属性 实现多选。
<option vlue=" 选项值1" > 选项1 </option>
<option vlue=" 选项值2" > 选项2 </option>......
<option vlue="xx" selected=" selected"> xxx <option> 加上 selected 为默认选项
<lable for="控件的ID 值"> </lable>
CSS:
样式的优先级: 内联样式 > 嵌入样式 > 外部样式
标签选择器 标签
ID选择器 #..
类选择器 类名....
类选择其中的 子选择器 : 还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。
.first>span{border:1px solid red;}
<p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span>,
上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。
学校举办的活动我也没勇气参加。</p>
子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。
>作用于元素的第一代后代,空格作用于元素的所有后代
* {
css值 意味作用于所有 }
a:hover{ } 固定组合 伪类选择器,允许给不存在的标签(标签的某种状态)设置样式。
solid : 实线
CSS中的继承性
(border:1px solid red ; 不具备继承性 )
例如 : p标签 里面的小标签 就具备继承性。
CSS中的权限值:
ID选择器权限值 > 类选择器权限值 >标签选择器权限值 (继承的权限值最低。)
层叠
是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。
内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
重要性:
!important
加上这个之后,css样式将不会被覆盖掉。 eg: p{ color:blue !important;}
p{ color:red;}
加上!important 之后 ,它的权限制最高。
注意:!important要写在分号的前面
CSS中的排版问题:
段落缩进: text-indent: 2em ; 缩进2个字符。(注意:2em的意思就是文字的2倍大小。)
行间距: line-height: 1.5em ; 1.5倍的行间距。
设置文字间隔(字母间隔) 可采用 letter-spacing
设置 英文单词之间的间距 可采用 word-spacing
相关文章推荐
- Html+CSS 学习第二天
- Html+CSS 学习第二天
- html学习第二天—— 第九、十章——CSS的继承、层叠和特殊性+CSS格式化排版
- HTML && CSS 学习笔记(4)HTML <span> 标签(关键词:HTML/span)
- Head First HTML & CSS 学习笔记(1)
- HTML&CSS基础学习笔记14—有序列表及列表嵌套
- html学习笔记css
- HTML学习笔记——标准网页设计+使用CSS、Javascript
- JAVA,Andriod,linux,Php,Mysql,HTML/CSS等学习资源,供大家参考
- html/css学习零星笔记(二)——使用usemap属性创建图片映射
- [HeadFist-HTMLCSS学习笔记][第五章认识媒体]
- [HeadFirst-HTMLCSS学习笔记][第八章扩大你的词汇量]
- [HeadFirst-HTMLCSS学习笔记][第十二章HTML5标记]
- 零基础学习HTML5—html+css基础【蓝鸥出品】
- HTML&CSS基础学习笔记15-合并单元格
- HTML&CSS学习一
- 前端学习笔记--HTML/CSS--网页布局
- 关于html和css 学习
- HTML&CSS学习二之web页面建设
- html和CSS学习笔记(3):认识基本标签