小陈努力学前端的第三天:
1.超链接可以同时完成页面跳转和锚跳转。
2.在同一行中可以同时使用td和th吗?
可以
3.其实,tr标签不是table标签的子标签;table标签的子标签是 thead(表头),tbody(表主体),tfoot(表脚)
如果开发时table没有写下thead等标签,浏览器会解释自动添加tbody。
colspan rowspan
4.表单标签:
textarea:多行文本框
select:下拉列表框
css:
1.web标准构成:结构(html),表现(css),行为(javascripy)
2.css样式决定了网页的外观。
3.css分类:
按照css样式代码位置分类:
行内样式:在标签中使用html属性“style”来引用css样式
建议尽量少写,行内样式只在该标签中有效
内嵌样式:在本页面的head头部使用<style></style>标签中书写
内嵌样式的作用范围就是本页面
外部样式:建立独立的样式文件来书写css样式:*.css 一般使用专门的文件夹来存放外部css文件
在页面中引用该样式文件:<link type="text/css" rel="stylesheet" href="css文件名">
作用范围:引用了该外部样式文件的页面中就有效,尽量使用外部样式 好处:作用范围最宽广;最大程度地复用css样式代码
html页面文件和样式文件是分离的,有利于开发过程中各个职位的分工合作
4.样式规则:
选择器{
css属性值:值;
.......
}
选择器分类:
标签选择器:选择器名=标签名
效果:页面中同一种标签同一种样式
类选择器:.类名(类名是自己命名){属性名:属性值}
引用:在标签里面使用 class=“类名”
效果:页面中同一种标签不同样式,或者不同标签同一种样式
id选择器:#id名{...}
引用:标签中 id=“id名”
效果:页面中唯一,浏览器不会检查页面中引用id选择器是否唯一,程序员约定id选择器在页面中应该唯一。、
通配符选择器:*
效果:选择页面中所有的元素
用来统一设置一个页面中全部文字的字体,字大小,外边距和内边距。
后代选择器:选择器1 选择器2{......}
效果:选取出来的元素需要满足选择器2的规则,同时需要位于选择器1选取出来的元素中间,限定了上面的祖先标签。
伪类选择器:a:linked{......} a:visited{......},a:hover{......}
效果:超链接+操作的动作来选取元素,a:hover,选取鼠标悬停在它上面的超链接;
5.属性:
文字处理:
字体:font-family:宋体;
字大小:font-size:16px;(px像素,单位)
字风格:font-style:italic;(斜体)
字重量:font-weight:bold;(加粗)
使用font属性一次性来设置字体,字大小,字风格和字重量
font: font-style | font-variant | font-weight | font-size | line-height | font-family;
颜色:color:值
值的写法:1>颜色的英文单词
2>6位16进制的数字:#ffffff;#000000;三基色(红,绿,蓝)
3>屏幕拾色器
对齐方式:text-align:left|right|center;
默认左对齐
文字修饰:text-decoration:none|underline;
学习web前端的第三天(css的简单使用)
最新推荐文章于 2024-09-06 09:38:49 发布