CSS样式及小记
2015-09-20 20:41
591 查看
1.display和line-henght
例如<a href="#">百度</a>语句中,像素的显示为百度字符的大小,
如果要在行列标签中增加高度的显示,需要添加跨级标签:display:inlne-
block。
line-henght表示的是垂直居中,所填的像素为实际显示框中的像素。
2.list-style
列表的样式属性:目前较为常用的是list-style-type
3.CSS样式的继承性
1.文本样式
2.字体样式
3.列表样式
4.表格样式
像素继承同父元素相同
4.cursor鼠标的样式设置
cursor:text文本
cursor:wait程序正忙
cursor:crosshair十字线
label标签
label标签为表单定义一个文本标签
<legend>用户登录</legend>
<label for="username"> 姓名:</label>
伪类中父元素的使用
例:在同一行中,想让鼠标指向的字体和背景同时发生变化,则需要用上父元素和伪类
在样式中设置字体的div元素和背景的选择器标签在同一父标签下:
.d:hover li{}
.d:hover div{}
注:在HTML中,两种元素要在同一的标签下,即:
HTML在相同的标签下,CSS在同一父标签下
父标签必须带两者的章台,否则只能显示子标签相同状态
多行文本框
<textrarea></textarea>
放在<form></form>之间‘
属性 cols 规定文本区内的可见宽度。
rows 规定文本区内的可见行数。
head中的标签
<base> 标签 为页面上的所有链接规定默认地址或默认目标。
<target>
_blank
_parent
_self
_top
framename
<link>
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
<script>
<script> 标签用于定义客户端脚本,比如 JavaScript。
例如<a href="#">百度</a>语句中,像素的显示为百度字符的大小,
如果要在行列标签中增加高度的显示,需要添加跨级标签:display:inlne-
block。
line-henght表示的是垂直居中,所填的像素为实际显示框中的像素。
2.list-style
列表的样式属性:目前较为常用的是list-style-type
3.CSS样式的继承性
1.文本样式
2.字体样式
3.列表样式
4.表格样式
像素继承同父元素相同
4.cursor鼠标的样式设置
cursor:text文本
cursor:wait程序正忙
cursor:crosshair十字线
label标签
label标签为表单定义一个文本标签
<legend>用户登录</legend>
<label for="username"> 姓名:</label>
伪类中父元素的使用
例:在同一行中,想让鼠标指向的字体和背景同时发生变化,则需要用上父元素和伪类
在样式中设置字体的div元素和背景的选择器标签在同一父标签下:
.d:hover li{}
.d:hover div{}
注:在HTML中,两种元素要在同一的标签下,即:
HTML在相同的标签下,CSS在同一父标签下
父标签必须带两者的章台,否则只能显示子标签相同状态
多行文本框
<textrarea></textarea>
放在<form></form>之间‘
属性 cols 规定文本区内的可见宽度。
rows 规定文本区内的可见行数。
head中的标签
<base> 标签 为页面上的所有链接规定默认地址或默认目标。
<target>
_blank
_parent
_self
_top
framename
<link>
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
<script>
<script> 标签用于定义客户端脚本,比如 JavaScript。
相关文章推荐
- 样式(style)和主体(theme)的回顾温习
- css选择器中:first-child与:first-of-type的区别
- CSS盒模
- CSS cursor 属性
- 常用CssHack的写法(IE6-9)以及主流浏览器hack写法
- HTML+CSS页面滚动效果处理
- 9.14-9.18随笔之一(CSS扩展技术:LESS SASS)
- 20150917-css
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- CSS实现垂直居中的5种方法
- CSS 神奇的border(三)
- 利用radio实现纯css选项卡切换
- 纯CSS绘制三角形(多个角度)
- 伪类
- CSS animation online生成工具
- CSS hack
- 用CSS3制作的旋转六面体动画
- wpf 类似TextBlock外观的Button的样式
- css3之3D盒子 以及css3样式兼容判断
- CSS 神奇的border(二)