![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
溺水的鱼儿(*^_^*)
闲来无事,方也学学;兴趣盎然,便也写写。
展开
-
css 优先级顺序
!important > id > class > tag!important 属性顾虑器 权重高于内联样式;.testClass{ color:red !important; } 注:!important在IE6中是不被识别的。ID选择器,权值为0100;<head> #name{ color:red; }</head><body> <d...原创 2020-06-18 10:46:29 · 335 阅读 · 0 评论 -
html代码实现简单的简历模板
用前端代码编写一个简单的简历模板 完整代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Biographical Notes</title> <style> /*div{*/ /* border:1px solid red;*/ /*...原创 2020-06-11 20:26:28 · 8799 阅读 · 0 评论 -
如何在网页标题前添加图标
在前端中,我们为了页面的美化有时需要给标题前面添加图标。今天,我们来看一下如何添加:首先,先看一下只添加标题的结果<!DOCTYPE html><html><head> <title>百度一下,你就知道</title></head><body></body></html>结果如下(前边为默认图标): 如何添加图标?添加<link...原创 2020-06-11 09:46:50 · 1309 阅读 · 1 评论 -
页面导入样式文件的四种方式 & link 和 @import 的区别
导入样式文件的四种方式内嵌样式(style="") 内部样式表(页面<head>区里放置样式表) 链入外部样式表(引用样式表文件) 导入外部样式表(用@import ,在<head>与</head>之间)link与@impoort的区别link属于html标签,而@import是CSS提供的。link除了加载CSS外,还能用于定义RSS,定义rel链接属性等作用;而@import是CSS提供的,只能用于加载CSS。 import是CSS2.1提出的.原创 2020-06-09 09:46:57 · 882 阅读 · 0 评论 -
CSS定位(position 的用法)
Position定位 position属性指定了元素的定位类型。具有五个属性值:position:static; position:fixed; position:absolute; position:relative; position:sticky; position:static; 静态定位,html的默认值,不会受到left、 right 、top、bottom的影响。 <style> body{ he...原创 2020-06-06 22:22:03 · 435 阅读 · 1 评论 -
CSS组合选择符、伪类伪元素
CSS组合选择符后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选择器(以空格分隔) :选取某元素的后代元素 <!DOCTYPE html><html><head><meta charset="utf-8"><title>CSS组合选择符</title><style> div p{ font-size:100px原创 2020-06-04 09:29:59 · 294 阅读 · 0 评论 -
html中元素的显示优先级
显示优先级其实就是哪个元素显示在上面,哪个显示在下面!!!1.帧元素、表单元素、非表单元素 在html中,HTML中的元素一般划分为帧元素、表单元素、非表单元素。帧元素(frameset)的优先级最高,表单元素比非表单元素的优先级要高。 优先级:帧元素(frameset)>表单元素 >非表单元素 表单元素包括:文本输入框,密码输入框,单选框,复选框,文本输入域,列表框等等; 非表单元素包括:a,div, table, span等。...原创 2020-06-03 14:45:03 · 2463 阅读 · 0 评论 -
CSS hack的三种常见形式
CSS hack技术的简介 不同浏览器在混杂模式下的行为差异非常大,如果不使用某些hack技术,跨浏览器的行为就没有一致性可言。hack技术主要就是为了某些浏览器特定设置的。针对不同的浏览器写不同的CSScode的过程,就叫CSS hack。写在CSS中,里边可以嵌套style和html代码;不可以写在style中。混杂模式:HTML Doctype如果文档开始没有发现文档类型声明或者声明错误,则所有的浏览器会默认开启混杂模式。CSS Hack常见的有三种形式:CSS属性H...原创 2020-06-03 09:44:13 · 630 阅读 · 0 评论 -
JavaScript在html中的用法及区别
JavaScript在html中的用法通过<script>标签来在html中插入javaScript脚本。<script> 和 </script> 之间的代码行包含了 JavaScript:<script> window.onload = function(){ //初始化方法 console.log("hello log!"); }</script>JavaScript脚本可被放置在 HTML原创 2020-05-31 20:19:12 · 222 阅读 · 0 评论 -
CSS的三种样式应用
css在html中的应用方式内联样式:在html元素中使用style属性; <h1 class="myh1" style="background-color: hotpink; font-family: 宋体;color: indigo;font-size: 100px;text-align: center;">你是精致的猪猪女孩</h1> 内联样式表:在<head>中使用<style>定义css样式; <head> .原创 2020-05-31 19:49:08 · 384 阅读 · 0 评论 -
HTML基本结构及常见块级元素、内联元素
什么是HTML?HTML 指的是超文本标记语言: HyperText Markup Language,是用来描述网页的一种语言。使用标记标签 (markup tag)来描述网页。HTML基本结构<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="原创 2020-05-30 19:03:53 · 607 阅读 · 0 评论