![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前段学习笔记
此些文章为自己学习笔记,若有错误,望指正。
Zoe Din
路漫漫其修远兮,吾将上下而求索
展开
-
css---块级盒子水平居中与盒子里的文本居中
块级盒子水平居中条件:(1) 盒子必须要有宽度(2)盒子左右外边距设置为automargin-left: auto;margin-right: auto;如:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&...原创 2020-02-04 22:26:43 · 764 阅读 · 0 评论 -
CSS---案例--新浪微博导航
新浪导航的核心是字数不一样多,故不方便给宽度,因而用padding 撑开盒子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>新浪</title> <style> .nav{...原创 2020-02-04 21:47:45 · 392 阅读 · 0 评论 -
css--盒子边框 border
1、CSS 边框属性border-widthborder-styleborder-color1.1 边框样式 border-style :border-style 值:none: 默认无边框dotted: 定义一个点线边框dashed: 定义一个虚线边框solid: 定义实线边框1.2边框颜色 border-colorname - 指定颜色的名称,如 "...原创 2020-02-04 21:30:20 · 392 阅读 · 0 评论 -
CSS三大特性
1、css层叠性指多种css样式的叠加,是浏览器处理冲突的一个能力。如果一个属性通过两个相同选择器设置同一个元素上,则第一个属性样式会被第二个属性覆盖原则:就近原则:样式离哪个结构近,就执行哪个样式样式不冲突,不重叠2、继承性子标签会继承父标签的样式,从而降低css复杂性可继承的样式有:text- 开头的...原创 2020-02-02 00:35:44 · 145 阅读 · 0 评论 -
css案例--链接导航栏
实现效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>链接导航栏</title> <style> .nav{ text-align: cen...原创 2020-02-01 23:40:49 · 242 阅读 · 0 评论 -
css复合选择器
1、后代选择器(包含选择器) 用空格 重要后代选择器可以选择作为某元素后代的元素。h1 em {color:red;}上面这个规则会把作为 h1 元素后代的 em 元素的文本变为 红色。其他 em 文本(如段落或块引用中的 em)则不会被这个规则选中:2、子元素选择器 子选择器使用了大于号(子结合符)。与后代选择器相比,子元素选择器(Child selectors)只能选...原创 2020-02-01 23:35:18 · 169 阅读 · 0 评论 -
html5 ------有、无序列表 & 自定义列表
1、无序列表 ul<ul> 标签定义无序列表。<li> 标签定义列表项目。<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。无序列表的各个列表之间没有顺序级别,是并列的语法格式:<ul> <li>Coffee</li> <li>Te...原创 2020-01-30 23:26:03 · 1479 阅读 · 0 评论 -
html5----表格划分结构
1、表格可分为:题头 thead正文 tbody注脚 tfoot代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格划分结构</title></head><body&g...原创 2020-01-30 22:55:52 · 632 阅读 · 0 评论 -
Html5-------合并单元格
一:1、语法跨行合并 rowspan = "合并单元格的个数“跨列合并 colspan= "合并单元格的个数“2、合并顺序:先上后下、先左后右3、合并三部曲(1)先确定跨行还是跨列(2)根据先上后下,先左后右的顺序找到目标单元格,然后写上 合并方式 以及合并的单元格数量<td colspan="2"> //跨行合并,合并数量为3(3)删除多余的单...原创 2020-01-30 22:43:30 · 5893 阅读 · 0 评论 -
sublime text 安装插件报错 Error while loading PyV8 binary: exit code 1
安装emmet时pyv8下载失败1、安装emmet时,sublime提示如下:原因是PyV8没有下载下来。解决方法:去gihub下载 PyV8,连接地址:https://github.com/emmetio/pyv8-binaries/(已上传资源)下载下来的压缩包解压后有PyV8.pyd 和PyV8.py两个文件。然后新建一个PyV8的文件夹,放在Packages目录下,这个目...原创 2020-01-28 15:22:52 · 1956 阅读 · 1 评论