- 博客(12)
- 资源 (11)
- 收藏
- 关注
原创 css的引入方式
css的引入方式(1)行内样式表(行内式 内联样式表) 控制一个标签 (2)内部样式表(嵌入式) 控制一个页面把所有样式定义在标签中 对当前所有标签生效(3)外部样式表(链接式) 控制多个页面...
2021-01-31 15:43:47 84
原创 css语法规范及代码风格
1.css 语法规范 注释/**/ ctrl+/2.代码风格(1)样式格式书写 ①紧凑格式 ②展开格式(属性值每行只写一个属性及样式)(2)样式大小写 推荐小写(3)空格规范 ①属性值前面 冒号后面 保留空格 ②选择器和大括号中间保留空格...
2021-01-31 15:42:50 109
原创 css文本属性
1.color 文本颜色(预定义颜色值 十六进制 RGB代码)2.text-align:center/right/left 让盒子内的文本水平对齐3.text-decoration 装饰文本 一般用来取消下划线 上划线 删除线none/underline下划线/overline上划线/line-through删除线4.text-indent 文本首行缩进 通常以em为单位设置 无需关注字体大小em相对单位 1em表示一个文字大小 2em缩进当前元素2个文字大小距离5.line-height 行
2021-01-31 15:41:05 97
原创 css字体属性
1.font-family 文本的字体选择器 {font-family: 字体1,字体2,字体3;}各个字体之间必须用英文状态下的逗号隔开尽量使用默认字体 以保证不同浏览器能正确显示一般整个页面使用同一字体 写在body后面如果字体中间有空格,用引号多个字体之间用,分隔2.font-size 字体大小谷歌浏览器默认 16px不同浏览器默认值不同 所以一般需要指定字体大小 避免浏览器之间的差异标题标签比较特殊 需要单独指定大小通常给body设置3.font-weight 字体粗细
2021-01-31 15:40:10 102
原创 基础选择器
选择器的作用 选择标签 ①标签选择器标签名 {属性1: 值;属性2: 值; } 将当前页面中所有的这个标签名都选择出来 修改样式 不能修改某一个的样式②类选择器 单独选择一个或某几个标签 .类名 { 属性1: 值; 属性2: 值; } 口诀:样式点定义 结构类(class)调用 一个或多个 开发最常用 命名规范:长类名中间可用短横线- 下划线_分割 不要使用纯数字、中文等命名,尽量使用英文命名(小写字母) 命名要有意义 多类名选择器 一个
2021-01-31 15:38:43 108
原创 css复合选择器以及背景属性
**1.复合选择器**(1)后代选择器(包含选择器 重要)语法:元素1 元素2 {样式声明}选择器1 选择器2{属性:属性值 }元素1和元素2用空格隔开元素1父亲 元素2后代 最终改变的是后代(元素2)的样式选择器可以是任意的基础选择器(2)子元素选择器(子选择器 重要)语法元素1>元素2{样式声明}元素1和元素2用>隔开元素1和元素2是父子关系只选择父元素最近一级的子元素 即必须是亲儿子选择器1 选择器2可以是任意基础选择器(3)并集选择器(重要)可以选
2021-01-31 15:09:23 402
原创 列表
1.无序列表(重点) <ul > <li>任意内容</li> <li>任意内容</li> <li>任意内容</li> </ul> 注意: ①没有顺序要求 ②ul标签里面只能有li 其他标签不允许 ③li标签中可以是任意元素 ④自带样式(默认是小圆点样式)css控制2.有序列表 <ol> <li
2020-07-30 19:43:16 137
原创 表格
1.表格作用:表格用来展示数据2.写法 姓名 性别 年龄 张三 男 35 李四 男 27 注意: (1)行 (2)行里面单元格 (3)表头单元格标签(会居中 加粗) (4) 表格头部 (5) 表格主体3.合并单元格跨行合并
2020-07-30 19:42:21 129
原创 表单
1.组成由表单域 表单控件(表单元素)提示信息3个部分组成2.使用场景收集用户信息发送到后端/台3.表单域包含表单元素的区域form会把它范围内的表单提示元素提交给服务器注意:①action 表单数据提交地址/路径②method提交表单数据的方式 get(提交时有地址)/post(提交时隐藏地址)4.表单元素input输入表单元素注意:①input是一个单标签 不独占一行②name是表单元素名字 要求单选框和复选框都要有相同的name值 value值则不同③name和
2020-07-30 19:41:17 236
原创 Web标准
(1)HTML——结构—————生成html文件 (.html)(2)CSS ——样式(表现)——生成css文件(.css)(3)JS——动作(行为)—— 生成js文件(.js)注:①HTML是一种超文本标记语言,它是用来描述网页的一种语言。 ②JS即 JavaScript。 ③结构 样式 行为相分离。 ④网页是一个html文件,由各种标签组成。网页与网页之间跳转组成一个网站...
2020-07-30 19:38:12 75
原创 HTML常用标签
1.标题标签标题标签共有六级<h1></h1>...<h6></h6>特点:标题标签的文字会加粗、独占一行、h1到h6字号由大到小 2.段落标签<p></p> 分几段写几个p标签 特点:空行分段 自动换行 段落于段落之间有空隙3.换行标签<br/>4.文本格式化标签(并非独占一行)加粗<strong></strong>或<b></b> 倾
2020-07-30 19:36:06 80
原创 css的引入方式
(1)行内样式表 即行内式 内联样式表 控制一个标签 <div style=" 属性: 属性值;"></div> (2)内部样式表(嵌入式) 控制一个页面 把所有样式定义在<style></style>标签中 对当前所有标签生效 (3)外部样式表(链接式) 控制多个页面 <link rel="stylesheet" href="css文件相对路径"> ...
2020-07-30 19:32:23 63
Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt
2020-07-30
Web前端与移动开发之基础选择器.txt
2020-07-30
Web前端与移动开发之css字体属性.txt
2020-07-30
Web前端与移动发开之css的文本属性
2020-07-30
Web前端与移动开发之css的引入方式
2020-07-30
Web前端与移动开发之css语法规范及代码风格
2020-07-30
前端与移动开发之表单
2020-07-25
前端与移动开发之列表
2020-07-25
前端与移动开发之表格
2020-07-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人