当前位置： 首页 > news >正文 一个公司网站的价格推广公司 news 2025/10/22 19:05:02 一个公司网站的价格,推广公司,多用户wordpress插件,电子商务网站运营与管理HTML CSS JS 30分钟从零开始入门拿下 HTML_html教程-CSDN博客 30 分钟从零开始入门 CSS-CSDN博客 JavaScript 指南#xff1a;从入门到实战开发-CSDN博客 前言 最近也是在复习#xff0c;把之前没写的博客补起来#xff0c;之前给大家介绍了 html#xff0c;现在是 CSS 咯… HTML CSS JS 30分钟从零开始入门拿下 HTML_html教程-CSDN博客 30 分钟从零开始入门 CSS-CSDN博客 JavaScript 指南从入门到实战开发-CSDN博客 前言 最近也是在复习把之前没写的博客补起来之前给大家介绍了 html现在是 CSS 咯。 一、CSS简介给网页“化妆”的神器 CSS层叠样式表就像“化妆“能让HTML页面瞬间焕然一新。 功能控制网页元素的位置、颜色、字体等样式实现“样式与结构分离”。 效果对比 CSS前 → CSS修饰后 二、CSS基础语法精准定位精细操作 口诀选谁干啥 选择器 {属性: 值; /* 声明 */ } 示例 p {color: red; /* 文字变红 */font-size: 20px; /* 字号20像素 */ } 选中所有p标签设置文字颜色和大小。 三、引入CSS的三种方式 方式语法适用场景行内样式div stylecolor: red快速调试简单样式内部样式style p { color: red; } /style小型项目代码量少外部样式link relstylesheet hrefstyle.css企业开发样式复用 小贴士 外部样式是主流选择便于维护和复用 行内样式就像“临时补妆”用完即弃。 四、CSS选择器精准定位目标元素 1. 标签选择器批量操作 a { color: blue; } /* 所有a标签变蓝 */ 2. 类选择器.class精准定制 div classhighlightVIP用户/div 运行 HTML .highlight { background: gold; } /* 所有class为highlight的元素 */ 3. ID选择器#id独一无二 button idsubmit提交/button 运行 HTML #submit { width: 100px; } /* 仅作用于idsubmit的元素 */ 4. 复合选择器组合出击 ul li a { color: green; } /* 选中ul下的li下的所有a */ 5. 通配符选择器*全员生效 * { margin: 0; } /* 所有元素的外边距清零 */ 五、常用CSS属性让你的页面活起来 1. 文字与颜色 .text {color: #ff0000; /* 红色十六进制 */font-size: 18px; /* 字号 */font-family: Arial; /* 字体 */ } 2. 边框border元素的“外衣” .box {border: 2px dashed #000; /* 2像素黑色虚线边框 *//* 分解设置*/border-width: 2px;border-style: dashed;border-color: black; } 3. 宽高width/height控制元素尺寸 .block {width: 200px; /* 宽度 */height: 100px; /* 高度 */display: block; /* 转为块级元素独占一行 */ } 4. 盒模型理解元素的“地盘” Padding内边距内容与边框的距离 .box { padding: 20px; } /* 四周内边距20px */ Margin外边距元素与其他元素的距离 .box { margin: 10px; } /* 四周外边距10px */ 六、代码规范写出优雅的CSS 命名使用小写字母如 .main-title。 缩进2空格或4空格保持统一。 注释用 /* 注释 */ 说明复杂逻辑。 动手练习打造你的第一个美化页面 创建一个HTML文件用外部样式表引入CSS。 使用类选择器为标题添加金色背景。 用盒模型调整段落的内外边距让布局更舒适。 效果参考 !DOCTYPE html html headlink relstylesheet hrefstyle.css /head bodyh1 classtitle欢迎来到CSS世界/h1p classcontent学习CSS让网页焕然一新~/p /body /html 运行 HTML /* style.css */ .title {background: gold;padding: 20px; } .content {margin: 15px;border: 1px solid #ccc; } 总结CSS就像网页的“化妆师”通过选择器和属性精准控制样式。掌握基础后你就可以给你的网页化妆装饰咯感谢阅览 文章转载自： http://www.morning.bnzjx.cn.gov.cn.bnzjx.cn http://www.morning.rmfwh.cn.gov.cn.rmfwh.cn http://www.morning.kyjpg.cn.gov.cn.kyjpg.cn http://www.morning.wjqbr.cn.gov.cn.wjqbr.cn http://www.morning.jzdfc.cn.gov.cn.jzdfc.cn http://www.morning.tntbs.cn.gov.cn.tntbs.cn http://www.morning.sdhmn.cn.gov.cn.sdhmn.cn http://www.morning.hdlhh.cn.gov.cn.hdlhh.cn http://www.morning.wzyfk.cn.gov.cn.wzyfk.cn http://www.morning.pylpd.cn.gov.cn.pylpd.cn http://www.morning.hxwhyjh.com.gov.cn.hxwhyjh.com http://www.morning.qxycf.cn.gov.cn.qxycf.cn http://www.morning.lwlnw.cn.gov.cn.lwlnw.cn http://www.morning.dbnrl.cn.gov.cn.dbnrl.cn http://www.morning.bnzjx.cn.gov.cn.bnzjx.cn http://www.morning.snnkt.cn.gov.cn.snnkt.cn http://www.morning.ltzkk.cn.gov.cn.ltzkk.cn http://www.morning.bylzr.cn.gov.cn.bylzr.cn http://www.morning.bpmdg.cn.gov.cn.bpmdg.cn http://www.morning.rrms.cn.gov.cn.rrms.cn http://www.morning.spghj.cn.gov.cn.spghj.cn http://www.morning.yrfxb.cn.gov.cn.yrfxb.cn http://www.morning.bpmfq.cn.gov.cn.bpmfq.cn http://www.morning.gynlc.cn.gov.cn.gynlc.cn http://www.morning.gbrdx.cn.gov.cn.gbrdx.cn http://www.morning.rmqmc.cn.gov.cn.rmqmc.cn http://www.morning.lkgqb.cn.gov.cn.lkgqb.cn http://www.morning.rtsx.cn.gov.cn.rtsx.cn http://www.morning.llcgz.cn.gov.cn.llcgz.cn http://www.morning.ryywf.cn.gov.cn.ryywf.cn http://www.morning.qysnd.cn.gov.cn.qysnd.cn http://www.morning.ndmbz.cn.gov.cn.ndmbz.cn http://www.morning.lkbyq.cn.gov.cn.lkbyq.cn http://www.morning.lpppg.cn.gov.cn.lpppg.cn http://www.morning.jkpnm.cn.gov.cn.jkpnm.cn http://www.morning.mrkbz.cn.gov.cn.mrkbz.cn http://www.morning.cjsrg.cn.gov.cn.cjsrg.cn http://www.morning.lsfbb.cn.gov.cn.lsfbb.cn http://www.morning.ymwrs.cn.gov.cn.ymwrs.cn http://www.morning.xjmyq.com.gov.cn.xjmyq.com http://www.morning.ykswq.cn.gov.cn.ykswq.cn http://www.morning.ghcfx.cn.gov.cn.ghcfx.cn http://www.morning.pbksb.cn.gov.cn.pbksb.cn http://www.morning.pyswr.cn.gov.cn.pyswr.cn http://www.morning.srzhm.cn.gov.cn.srzhm.cn http://www.morning.fdfdz.cn.gov.cn.fdfdz.cn http://www.morning.bxbkq.cn.gov.cn.bxbkq.cn http://www.morning.zqdzg.cn.gov.cn.zqdzg.cn http://www.morning.nrzkg.cn.gov.cn.nrzkg.cn http://www.morning.rwmq.cn.gov.cn.rwmq.cn http://www.morning.dfndz.cn.gov.cn.dfndz.cn http://www.morning.zhffz.cn.gov.cn.zhffz.cn http://www.morning.xltdh.cn.gov.cn.xltdh.cn http://www.morning.bdtpd.cn.gov.cn.bdtpd.cn http://www.morning.bpwfr.cn.gov.cn.bpwfr.cn http://www.morning.rnkq.cn.gov.cn.rnkq.cn http://www.morning.clbsd.cn.gov.cn.clbsd.cn http://www.morning.webpapua.com.gov.cn.webpapua.com http://www.morning.xnfg.cn.gov.cn.xnfg.cn http://www.morning.wqbhx.cn.gov.cn.wqbhx.cn http://www.morning.mtgkq.cn.gov.cn.mtgkq.cn http://www.morning.pmrlt.cn.gov.cn.pmrlt.cn http://www.morning.wgqtj.cn.gov.cn.wgqtj.cn http://www.morning.nmtyx.cn.gov.cn.nmtyx.cn http://www.morning.wtxdp.cn.gov.cn.wtxdp.cn http://www.morning.nwpnj.cn.gov.cn.nwpnj.cn http://www.morning.ksggr.cn.gov.cn.ksggr.cn http://www.morning.fwqgy.cn.gov.cn.fwqgy.cn http://www.morning.cwqln.cn.gov.cn.cwqln.cn http://www.morning.qwnqt.cn.gov.cn.qwnqt.cn http://www.morning.qwqzk.cn.gov.cn.qwqzk.cn http://www.morning.nwjd.cn.gov.cn.nwjd.cn http://www.morning.yrnyz.cn.gov.cn.yrnyz.cn http://www.morning.cfpq.cn.gov.cn.cfpq.cn http://www.morning.yrnrr.cn.gov.cn.yrnrr.cn http://www.morning.grpbt.cn.gov.cn.grpbt.cn http://www.morning.zbkdm.cn.gov.cn.zbkdm.cn http://www.morning.cfybl.cn.gov.cn.cfybl.cn http://www.morning.dpppx.cn.gov.cn.dpppx.cn http://www.morning.wbxtx.cn.gov.cn.wbxtx.cn 查看全文 http://www.tj-hxxt.cn/news/240445.html 相关文章： iis内网站设置允许脚本执行做网站除了有服务器还需要什么问题 高端网站建设公司成都网页制作成品网站 素马杭州网站设计介绍网络推广100种方法免费 马鞍山网站建设制作公司网站职业技能培训学校 学校网站模板代码地推拉新app推广平台有哪些 西安做网站微信公司哪家好上饶网站建设哪家好 做教案找资料有哪些网站郑州百姓网二手货车 APP客户端网站建设凡科门店通怎么样 报纸网站建设服装网站设计理念 vs 2010 网站建设最近新闻热点事件2024 做电商网站多少钱网站后台管理系统摘要怎么写 发光字体制作网站下模板做网站 百度seo网站排名江苏建设工程教育网 做公司的网站的需求有哪些襄阳网站建设营销 网站制作一般要几天住房和城乡建设部网站科技项目 网站开发工程师是干什么的舟山市定海区建设规划局网站 营销类网站建设需要注意的问题网站开发案例图片 医疗医院网站建设企业融资方式有哪些 上海公司网站建设服务外贸 网站 建设 制作 成都 文章网站的一级二级怎么做网上商城网站系统 云抢购网官方网站建设部网站查资质6 asp.net电子商务网站前台模板wordpress数据库修复 事业单位 网站备案交易平台网站开发教程百度云 海外海外网站建设网站降权如何百度申诉 察隅网站建设排位及资讯 基于ssh架构网站开发集团网站制作 哪个nas可以做网站电商app制作开发 先做它个天猫网站上海网络推广的方法 关于网站建设的问题wordpress主题子主题运行速度 济南哪有做网站的微信公众号视频网站开发
