确定核心页面
确定每一行
确定每一行中的浮动情况
先写结构再写模式、先写html再写css
超文本标记语言(超过文本,还有图片等格式)
标签:单标签、双标签、框架标签
相对当前文件的路径
/进入下一级目录…/进入上一级目录(两个点)本目录(一个点)
文件在计算机上的完整路径(X盘等),更换电脑时,可能会出现问题(由于底层路径不一致)
标签的特性:来自break的缩写,顾名思义,强制打断,跳入下一行。
src图片的url(必须属性)alt图片加载失败时展示的文字title鼠标放在图片上展示的文字height、Width</td>图片的高宽(两者只修改其一不会改变图片的高宽比)border图片的边框
type介绍text文本password密码radio单选框(name需要相同,用value区分)checkbox多选框(name需要相同,用value区分)button按钮file上传文件submit提交reset重制
标签的特性:独占一行、文字大、字体粗
标签的特性:段落标签之后的文字另起一行,标签内的文字随着浏览器的宽度而自动换行
标签的特性:默认一个div占一行
标签的特性:默认多个span占一行
a 来自anchor的缩写
标签的特性:载体可以是文字、图片、表格等
href超链接的地址target打开方式(默认_self 可设为_blank)download点击链接下载URL的内容
如果href为#代表href为空如果href为。zip等压缩文件结尾则等价于文件下载如果href为#X(X为某个标签的id)则跳转到那个标签(例如返回首部、跳转到尾部)
PS:表格里放表单 可以布局
align表格的位置border边框cellspacing单元格之间的距离cellpadding文字与边框的距离Width</td>宽度Height</td>高度
子标签:
thead、tbody 表格的头和身体
th 表格数据的第一列(加粗 居中的效果)
tr 某一行表格
td 某个单元格
合并单元格(记得删除后者的单元格):
rowspan:上下拼接单元格
colspan:左右拼接单元格
ul 来自 unordered list缩写
ul内部只能存放li
li内部可以放任何东西
ol 来自ordered list缩写
ol内部只能存放li
li内部可以放任何东西
dl来自 define list的缩写
dl内部只能放dt、dd
dt是大哥、dd是小弟,两者都能放任何东西
表单控件:input、select、textarea、lable
input标签的text类型和textarea标签有什么区别?
textarea可以分行,输入空间更灵活。
有些时候单选框太小,选择不太容易,所以用label去选择单选框等控件,点击label等价于点击单选框。
用id去确认控件的身份
输入代码的缩写即可生成完整代码,提高编写速度。
css又叫网页美容师,专注样式。
html专注结构、css专注样式,两者各谋其政、互不干扰。
在某个标签上书写、控制一个标签
在style标签内部书写、控制一个页面
在后缀为css的文件内部书写、控制多个页面
引入代码
css的工作流程:找到选择器、然后对选择器做某些样式操作。
简单来说,找对人、做对事。
基础选择器
1、标签选择器
2、类选择器
3、id选择器
4、通用选择器复合选择器
1、后代选择器
2、子选择器
3、并集选择器
4、伪类选择器
顾名思义,这个标签就是html中的基础标签。
优点:定义一个样式可以修改所有标签样式。
缺点:优点也是缺点,全部标签都要改,不能针对某个标签
比如:外国人吃西餐(外国人是标签、吃西餐是样式),使用了这句代码,所有外国人都要吃西餐,是不是太霸道了?
定义一个类(表示对现实生活中一类具有共同特征的事物的抽象)
爱打篮球的人是一类、爱打羽毛球的人是一类。一个人可以同时喜欢打篮球和打羽毛球。
id是独一无二的,只能使用一次,类似人的身份证
class可以重复被使用,类似人的爱好。
所有的标签都适用
例如一:我想让中国安徽合肥蜀山区的房子变成红色
改变的只是蜀山区房子的颜色,而中国安徽合肥只是位了定位蜀山区,不会发生任何改变。
例如二:我想让中国安徽的房子变成红色
只要是房子,无论是合肥、宿州、合肥蜀山区、都会变成红色(只要属于安徽),都会变成红色。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61345.shtml