随笔分类 - html、css
摘要:以下内容转自:https://www.cnblogs.com/li-sir/p/7359212.html 1.源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style>
阅读全文
摘要:内容转自博客https://www.cnblogs.com/scc-/p/9507645.html 1.源码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{
阅读全文
摘要:1.标签选择器 直接以html标签的名称作为选择器名称 2.类选择器 在标签中以class="名称”的方式自定义样式名称,在style标签中以.名称的方式定义样式 3.id选择器 在标签中以id="名称”的方式自定义样式名称,在style标签中以#名称的方式定义样式 <!DOCTYPE html>
阅读全文
摘要:目录:html5+css3网页设计与制作目录 1.子元素选择器>,用来选中某个元素的第一级子元素,也就是儿子元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css">
阅读全文
摘要:01 HBuilder的安装与使用 02 CSS样式引入的四种方式 03 CSS3中的属性选择器 CSS3中的子元素选择器 04 CSS样式重置表 CSS常用的外部字体及icomoon图标的使用方法 05
阅读全文
摘要:目录:html5+css3网页设计与制作目录 根据html元素的属性及属性的值来选择元素,分别增加了3种[att*=val]、[att^=val]和[att$=val],使得属性选择器有了通配符的概念。 1.根据属性或属性值选中标签 <!DOCTYPE html> <html> <head> <me
阅读全文
摘要:目录:html5+css3网页设计与制作目录 一.CSS引入的四种方式 1.内联样式(行内样式),即将style样式直接写在html5的标签中。 <!-- CSS样式引入的方式一:(内联样式)行内样式,优先级最高,缺点是代码臃肿,不容易维护 --> <p style="font: '微软雅黑';li
阅读全文
摘要:目录:html5+css3网页设计与制作目录 1.定义 :nth-child(n) 选择器匹配父元素中的第 n 个子元素,元素类型没有限制。 n 可以是一个数字,一个关键字,或者一个公式。 2.用法(转自:https://www.cnblogs.com/knuzy/p/9154345.html) (
阅读全文
摘要:目录:html5+css3网页设计与制作目录 1.常用的CSS外部字体,开源免费 (1)font-awesome https://www.bootcss.com/p/font-awesome/ (2)阿里巴巴矢量图标库 https://www.iconfont.cn/ (3)矢量图标素材分享网 ht
阅读全文
摘要:目录:html5+css3网页设计与制作目录 reset.css文件,放置于网站根目录css文件夹中 /* 把我们所有标签的内外边距清零 */ * { margin: 0; padding: 0; /* css3盒子模型 */ box-sizing: border-box; } /* html5新增
阅读全文
摘要:目录:html5+css3网页设计与制作目录 1.官网下载地址 https://www.dcloud.io/hbuilderx.html 2.无需安装,直接打开图标即可。 打开软件 软件界面如下: 3.使用 3.1新建项目 3.2配置项目名称及类型 3.3 已经自动创建好了各种文件夹和1个index
阅读全文
摘要:position属性 position属性指定一个元素(静态的,相对的,绝对或固定)的定位方法的类型。 absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
阅读全文
摘要:1.float属性 在CSS中,任何元素都可以浮动,无论是块级元素还是行内元素,设置浮动后可以设置宽高(width,height)。 值描述 left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动,并会显示在其在文本中出现的位置。 inherit 规定应该从父元素继承 f
阅读全文
摘要:VSCode(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器,目前前端开发几乎完美的软件开发工具。 官网为:https://code.visualstudio.com/ 1.简体中文界面 使用快捷键组合【Ctrl+Shift+p】,在搜索框中输入“con
阅读全文
摘要:1.官网下载地址 http://brackets.io/# 官网下载太慢,建议去其他第三方网站下载。 2.安装插件的方式 更改显示语言为中文 安装扩展 拖动zip包到扩展管理器安装即可 3.常用的10款插件 Emmet插件(快速书写HTML/CSS必备神器):https://github.com/e
阅读全文
摘要:块级标签(block element) 1.独占一行,不和其他元素待在同一行,宽度自动填满父元素宽度。 2.可设置宽高(width,height)、内外边距属性(margin,padding)。 有div,p,h1-h6,ul,li,dl(定义列表,跟ul…li类似),dt(定义了定义列表中的项目)
阅读全文