html li去掉黑点

2024-11-09

[HTML]去除li前面的小黑点,和ul、LI部分属性[转]

转摘自:http://blog.csdn.net/cqkxzyi/article/details/7606181 对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除. 1.在CSS中写入代码.找到相关性的CSS,在..li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见. 2.在相关的页面找到head部分写入下面的

三种定位+堆叠+li小黑点变图片

定位: 定位分为三种: position:static(默认值) relation(相对定位):进行较小偏移,不会脱离文档流,原位置保留 absolute(绝对定位):脱离文档流,不占据页面空间,变成块元素,服从最近的相对定位元素 ——margin:auto则失效 fixed(固定定位):脱离文档流,变成快注:相对定位和绝对定位是成对使用偏移属性:top -上 +下 left -左 +右 right -右 +左 (底部)bottom -下 -上固定定位:将元

去掉first li 的list图标

ul中,第一个 li 前的小图标,默认情况下为小圆点,在这种情况下,给 first li 设置 list-style-type: none;可以成功去除前面的小圆点的. 当给 li 设置了 list 小图标后,要用 list-style:none 才能去除. 注:更换小图标后给任意一个 li 去掉小图标都要用 list-style: none; 不然是覆盖不了 list-style-image 样式的.

去掉inline-block元素间隙的几种方法

<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> #a1 { list-style: none ; background: green; text-align: cente

html+css学习笔记 2[标签]

img标签/a标签 <img src="图片地址" alt="图片名"/> 图片(单标签)alt属性是图片名字,是给百度搜索引擎抓取使用: a标签: 链接/下载/锚点 href地址等于标签id target 链接打开方式 blank 新窗口 self 当前窗口 <base target="_blank"/> 定义页面链接默认打开方式常见标签 div

ul 和 ol 标签的相关设置

初学者不喜欢 ul 标签的最重要一点莫过于其前面的黑点了,每次写个无序列表其前面总有一个黑点是个很讨厌的事,去掉黑点的话自然是要用到 list-style:none:这条css 属性设置了. p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 20.0px Consolas; color: #2b7ec3 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 20.0px Consolas; color: #d74

html常用标签的取值和赋值操作

我们在html页面当中,面对各种各样的标签,经常需要处理取值和赋值的问题,下面,就把常见的一些html标签元素的取值和赋值操作进行总结整理,以后备用. 1.button:改变button按钮上面的值,比如把确定按钮取消按钮 <button id="btn">确定</button> $("#btn").click(function () { $("#btn").text("取消");//这个是改变按钮上面

自学_CSS<二>

CSS CSS(层叠样式表)是用来美化页面用的,可以对页面元素进行更精细的设置,样式主要描述元素的字体颜色.背景颜色.边框等. CSS主要有元素内联.页面嵌入和外部引用三种使用方式.CSS是描述元素的皮肤! 元素内联,直接将样式写入元素的style属性中,<input type="text" readonly="readonly" style="background-color: #FF00FF" />,style="col

[19/05/19-星期日] CSS_css的声明和选择器

一.引言 HTML的作用是负责数据的格式展示,如果使用它来搞数据的样式,则发现样式书写出来太麻烦,不易于维护: HTML可以有效组织数据的展示,但是不同类型数据在浏览器中的分布没有办法展示. HTML的核心功能就类似于书架,核心就是放置书本,管他外观好看不好看.至于书架的样式可以专门使用CSS来做,当然HTML也可以做,但是太麻烦. 但是注意CSS不能脱离HTML使用二.基础 CSS:Cascading Style Sheets 层叠样式表. 作用:给网页进行样式的开发,给网页进行布局特点:

Css3入门详解

一.Css基本语法 1.Html和Css没分开时点击查看代码 <!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8"> <title>MyFirstss页面</title

HTML+CSS项目开发总结

好几天没更新博客了,刚实战完一个HTML+CSS的简单项目.经过几天的摸索,发现收益良多.之前只是单纯得写demo,看知识点,没有亲自实战项目.但实战过后才会了解,如何才能更好地提升自己的技术.针对这次项目开发,我总结了以下内容: 一.技术总结 1.公共样式的设定在开始项目之前,我们可以先大体了解一下项目中每个页面的内容,比如字体样式,段落结构,文字大小等.我们可以针对这些内容来设定一个固定的样式文件.在开发中就可以直接引入此文件,而无需再重复敲CSS代码. /*基本样式*/ * {

前端JS常用字符串处理实例

字符串处理常常用在处理服务器回传的数据.动态拼接生成html等,是前端面试的必考题. 我觉得字符串处理这种常用到的,一定要了然于心,不然用到时急急忙忙去翻手册费半天. 入正题,首先提出平常遇到的几个需求,后面我们来一步一步解决它: 需求1:根据服务器返回的json数据,动态添加元素到列表<ul> [难度:1] 使用场景:瀑布流下拉刷新.延迟加载.ajax点击加载列表 html模板是这样: <ul class="icon_list"> <li>&

CSS样式，雪碧，图片替换，渐变小析

Css基础2: 相对长度单位:em,rem,px,%绝对长度单位:厘米等(不用)颜色单位:rgb,rgb的百分比,16进制(#),颜色名称字体:font-size:为了更好适合点阵,尽量使用偶数font-family:字体font-weight:字体粗细100-900,400=normal,700=bold,900=最粗font-style:italic,oblique(字体变斜)text-indent:文字缩进letter-spacing:字间距(英文单个字符,或者汉字之间都有效)word-s

discuz论坛与其它网站登录注册整合

discuz论坛与其它网站登录注册整合本文以discuz 7.0.0 php版本的论坛与 .net 2.0的网站注册登录整合为类.没有采用uc_center或第三方插件.以另类的方式实现.此方法实现的好处是不用过多了解论坛本身的实现细节,借助论坛自己的登录,注册页面来完成,我们只是获到参数post到这个页面来实现注册及登录过程,修改密码也可以用这个方式,但考虑到修改相对简单,就用直接修改数据库的方式实现. 一.论坛修改的地方 1. 论坛入口修改 a. templates/default/hea

【回顾整理】HTML+CSS个的两个实战项目

一:麦子商城首页制作代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="ytf-8"> <title>html+css</title> <link rel="stylesheet" href="css/style.css"/> <!--link style="t

css-文本及其他

<!DOCTYPE html>css7-文本和其他 text-align行内元素对齐方式,值为左/中/右对齐:left/right/center.test{text-align:center;} white-space超出不换行 normal: 默认处理方式. nowrap: 强制在同一行内显示所有文本,合并文本间的多余空白,直到文本结束或者遭遇br对象. .test{white-space:nowrap;}注意测试代码有时候写一大串不间隔的英文字母后不会自动换行,原因是英文网页排版默认一

css的定位和浮动

定位浮动 float代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> #d0,p{ width: 400px; border: 1px solid red; } #d0 div{ width:100px; height:100px; margin:10px; } #d1{ background-c

jQuery应用操作之---网页选项卡(tabs)

示例: <div class="tab"> <div class="tab_menu"> <ul> <li class="selected">时事</li> <li>体育</li> <li>娱乐</li> </ul> </div> <div class="tab_box"> <d

CSS问题

当标签之间有缝隙两个a标签之间消除缝隙可在div设置 font-size:0 ul下的li去掉小圆点:设置 ul list-style:none <div> <a> <a> </div>

JQEUERY案例

案例效果: 点击显示全部奶粉品牌前: 点击后: 源码: <!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>JQUERY</title> <script src="jquery-3.3.1.js"></script> <style> li { /*去掉无序列表项的小圆点*/ list-style

Struts2（六）

以下内容是基于导入struts2-2.3.32.jar包来讲的 1.OGNL OGNL是Object-Graph Navigation Language的缩写,全称为对象图导航语言,是一种功能强大的表达式语言,它通过简单一致的语法,可以任意存取对象的属性或者调用对象的方法,能够遍历整个对象的结构图,实现对象属性类型的转换等功能.它是一个开源项目. Struts2框架使用OGNL作为默认的表达式语言. OGNL 有一个上下文(Context)概念,说白了上下文就是一个MAP结构,它实现了 java

html li去掉黑点

热门专题