设置页面格式的属性: text-align: center; 设置居中 font-size:设置字体大小 font-weight:属性设置文本的粗细 background-image:url() :设置背景图片 记得添加高度(不然不显示图片) background-repeat: no-repeat ...
转载 2021-10-25 19:16:00
221阅读
2评论
css background-color: #fff; border: 5px solid rgba(0, 0, 0, 0.4); height: 250px;
原创 2023-02-19 10:11:14
436阅读
总结一下HTML引用CSS的四种方法并比较一下。1.行内式:也称内联式,直接在标记的style属性中设定CSS样式。(最不常用)<span style="font-size:14px;"><div id="demo" style="position:absoulte;left: 20px;top:50px;width:300px;height: 50px;border: soli
转载 2023-07-29 21:59:06
161阅读
定义:是一款插件,只要能安装他的编辑器都能使用,类似于CSS选择器的语法来描述生成的树中元素的位置和元素的属性。 使用方式:指令 + Tab键 语法: html初始结构(!) 在以下结构中,只需在html文件中输入! 并且按住tab键。 <!doctype html> <html lang="en" ...
转载 2021-07-12 14:31:00
78阅读
2评论
CSS(全称 Cascading Style Sheets,层叠样式表)为开发人员提供声明式的样式语言,是前端必备的技能之一,基于互联网上全面的资料和简单易懂的语法,CSS 非常易于学习,但其知识点广泛且分散,很难做到精通,在我们日常开发中,常常忽视了 CSS 代码的质量,很容易写出杂乱无章的 CSS 文件。代码优化建议1. 使用缩写属性精简代码适用于:margin、padding、border、
步骤构思:1、利用checkbox选中和取消的特性2、隐藏默认样式,扩大label点击热区3、用after、before两个伪类元素实现动画IosButton绿色按钮实现效果代码如下:/* CSS代码 */ .switch-box {     width: 48px; } .switch-box .switch {     /* 隐藏checkbox默认样式 */     display: non
转载 2021-04-28 22:43:05
1638阅读
2评论
Less可以在客户端上运行(IE6+、Webkit、Firefox),也可以在服务端运行(Node.js、Rhino)。less在浏览器中使用,当你想编译less文件动态地需要而不是在服务器端,这是因为less是一个大的javascript文件。首先,我们需要添加LESS脚本以在浏览器中使用LESS:要在页面上找到样式标签,我们需要在页面上添加以下行。 它还创建带有编译css的样式标签。设置选项在
网站logo,一般放在h1标签里,背景图片为Logo, 但是考虑到
原创 2022-11-08 00:26:06
430阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=
转载 2023-07-26 17:26:04
289阅读
vue 使用Jade模板html,styluscssvue 使用Jade模板html,styluscss日常工作都是使用vue开发页面和webApp,的多了就想偷懒简化各种书写方式,所以使用了jadehtml,styluscss,省了很多的步骤和提高了效率。安装包:// 安装jade包npm install jade jade-loader --save-dev// 如果...
原创 2022-03-29 09:48:40
434阅读
HTML表格 表格由 标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 <table border='1'> <tr> <th ...
转载 2021-08-06 20:42:00
1694阅读
2评论
CSS 是 Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。 css 有四种引入方式 一,行内式: 二, 嵌入式 嵌入式是将CSS样式集中写在网页的标签对的标签对中。 三, 链接式 将一个.css文件引入到HTML文件中
转载 2018-12-27 13:55:00
1924阅读
当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:外部样式表,定义在head 部分当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。 <head> <link rel="styleshe ...
转载 2021-09-14 16:50:00
1770阅读
2评论
说明:    以下内容来自互联网相关资料文档!并不定期更新;    选择符:任何一个html元素都是作为选择符;css选择器:  class选择器;         每个选择符有不同的类,所有同一元素有不同的表现形式;  &nbs
原创 2007-11-21 16:08:36
1656阅读
htmlcss的笔记
原创 2018-01-09 15:52:07
3058阅读
3点赞
E F所有被E元素包含的F元素 E>F所有作为E元素的直接子元素F E+F紧跟E元素后的F元素 E~F E元素之后的所有兄弟元素F ...
转载 2021-10-25 21:01:00
1672阅读
2评论
HTML文档中使用CSS样式表的三种主要方式:外部样式表、内部样式表和内联样式。这里,我将进一步解释这些方法,并强调一些最佳实践。 外部样式表 外部样式表是最常用的方式之一,因为它允许您将样式信息存储在单独的CSS文件中,该文件可以被多个HTML页面共享。这样做的好处是,当您需要更改网站的样式时,只需修改一个CSS文件,而无需修改每个HTML页面。 优点: 易于维护和更新。 提高页面加载速度(
原创 2024-10-08 10:50:24
145阅读
about table
原创 2016-10-01 22:44:15
6554阅读
HTML     1、一套规则,浏览器认识的规则。     2、开发者:         学习Html规则         开发后台程序:  &nbs
原创 2016-11-25 10:10:25
2396阅读
一、link和@import的区别 link是引入外部样式表:<link rel="stylesheet" href='"/a.css"></link> @import在css中导入外部css 二、Emment HTML速写语法。例:ul>(li>img[src=img/pro/$.jpg]+h3+ ...
转载 2021-10-26 21:00:00
1557阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5