- 博客(10)
- 收藏
- 关注
RSS订阅原创 一次了解css选择器的优先级
css选择器的优先级CSS选择器优先级的确定主要是通过以下判断，在级联中根据属性以及选择器的权重值以及就近原则判断，具体优先级如下：优先级最高：!important属性中使用!important修饰，其优先级最高，但是尽量不要使用，使用其会改变级联方式，造成后期样式不好更改优先级低于!important : 选择器权重值行内样式，style属性内的特性值1000id选择器特性值100类选择器、伪类选择器、属性选择器特性值10标签选择器、伪元素选择器特性值1根据给定的权重值可以算
2020-09-02 23:41:55
231
原创 一次了解CSS3中的布局机制
一次了解CSS3中的布局机制1. 浮动布局使用浮动布局，脱离文档流，飘起来，会把块级元素放到一行显示，不脱离文本；浮动遇到其他的浮动元素或者父元素的边框会停止浮动如下代码所示，图片在div中向左浮动，且不脱离文本。<head> <meta charset="UTF-8"> <title>浮动</title> <style> div{ width: 200px; height: 200px; background-
2020-09-01 00:01:55
396
原创 css中遇到外边距合并问题了吗？解决一下！（父子级）
CSS中标签元素外边距合并问题（父子级）在CSS设计中，常常遇到块级元素的外边距合并问题的出现，例如外层div嵌套内层div，为内部div设置上边距时，想要产生和外层div有一定的距离，从而达到页面的设计效果，但是由于外边距合并的产生，外层div会因为内层div设置上边距，会随着内层div产生一个共同的外边距，并没有达到理想的效果。这就是父子级元素外边距合并问题现象。（即父元素会随着子元素一起拥有外边距）1.正常内外层div设定代码以及运行图：<head> <meta charse
2020-08-26 00:55:49
468
原创 块级元素水平垂直居中问题
块级元素水平垂直居中问题CSS中块级元素水平垂直居中主要应用于html网页设计中对于块级元素的布局设计，下面是解决块级元素水平垂直居中问题的四种方法：方法一：给父元素设置相对定位给子元素设置绝对定位给子元素设置left,right,top,bottom 都为0给子元素设置margin:auto;代码如下：<head> <meta charset="UTF-8"> <title>块级元素水平垂直居中</title> <style&
2020-08-25 01:13:47
230
原创 盒子模型相关
盒子模型相关盒子模型主要分为content-box和border-box，在盒子模型当中，盒子的组成主要包括内容区+外边距+内间距+边框。盒子模型简介content-boxcontent-box又称为内容盒子，即w3c盒子，为其设定盒子的宽高时，其宽等于内容区的宽度，高度等于内容区的高度。以下面例子为例：width=100px;height=100px;content-box盒子模型代码如下：<head> <meta charset="UTF-8"> <titl
2020-08-22 01:39:08
177
1
原创 CSS的元素的显示与隐藏
CSS的显示与隐藏CSS中元素标签的显示与隐藏可以通过对元素的css样式编写的过程中，在元素样式下以三种不同的属性进行显示与隐藏，通过对html标签进行显示与隐藏，从而实现web中特定的功能，例如：导航栏的功能展示等。三种不同的属性分别是display,visibility和opacity。下面以一个简单例子对三种属性用法进行使用，页面中通过设定三个简单的div，通过属性设置对div进行显示与隐藏，对div的html以及css代码如下：<html lang="en"><head&
2020-08-21 00:45:59
2088
1
原创 HTML中表单提交method的两种方式
HTML中表单提交method的两种方式HTML中表单提交中method方法主要有两种，分别为method="get"和method=“post”。两者的不同点如下：get方法中表单中的数据在提交的过程当中会和url拼接在一起；而post方法中数据的提交会放到请求体当中，发送到url中。正是由于两者方法数据提交的方式不同，get方法提交数据跟在url后面，其上传数据量少；而post方法上传的数据量较多两种数据上传方式，安全性来讲，使用post的安全性更高...
2020-08-19 00:48:51
6396
原创 HTML5中的新增标签（部分）
HTML5中的新增标签在HTML5中，存在着新增标签来完善系统的功能，以下是新增标签中常见的部分标签显示：HTML5中的新增标签具有语义化，更好的理解，在低版本的服务器中，html5新增标签无法被应用，不会被识别，会被转化成为行内元素，部分常见新增标签如下： <header>header</header>//头部标签 <nav>nav</nav>//提供导航链接 <address>address</address>//作者的拥
2020-08-19 00:35:04
369
原创 HTML行内元素和块级元素
HTML行内元素和块级元素行内元素行业元素标签：span 行内文本元素a 定义超链接b strong 加粗br 换行img 图片sup 上标sub 下标i em 斜体u 下划线input 文本框textarea 多行文本select 下拉列表…等//注意：img是特殊的行内标签块级元素块级元素标签h1 h2 h3等标题p 段落ul 无序列表ol 有序列表table 表格form 表单div …等html
2020-08-18 00:25:52
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人